Effet de parallax très simple

Par  Benjamin

Publié le 2 mars 2020

L'effet de parallax n'est pas seulement réservé au web. Il vient du monde de l'animation, c'est un effet utilisé pour les moments du décor, mais aussi dans les jeux vidéo, surtout dans les années 1980 et 1990. Pour le web, il est arrivé dans les années 2010, disons que l'effet a commencé à se répandre.

Capture de principe

Ici, je vous laisse mon fichier d'exemple que vous pouvez modifier pour vous exercer. L'effet est assez basique, on bloque une image, elle est fixe, c'est notre premier bloc. Le bloc suivant lui passera par dessus étant laissé libre au scroll. Pour le tester, glisser le fichier parallax.html dans votre navigateur préféré. Le dossier comprend le CSS et le fichier HTML, ainsi qu'une photo. Liens : Parallax.zip Tutoriel vidéo en réalisation

Crédit : KernelDesign.net / Photos : Unsplash