Image parallaxe 1

Effet de parallaxe

Fais défiler la page pour voir l’arrière-plan se déplacer plus lentement.

1. Comprendre l’effet

Le parallaxe crée une impression de profondeur en faisant bouger l’arrière-plan moins vite que le contenu situé au premier plan.

Ce léger décalage reproduit ce que l’on observe naturellement dans un paysage : les éléments proches semblent se déplacer plus vite que ceux qui sont éloignés.

Image parallaxe 2

Exemple de section

Chaque section peut utiliser une vitesse différente pour varier l’effet.

2. Fonctionnement général

L’effet repose sur un simple principe : l’image d’arrière-plan est déplacée en fonction du défilement de la page. Plus la vitesse est faible, plus l’effet est subtil.

Chaque section possède une valeur qui contrôle la vitesse du mouvement, ce qui rend l’effet modulable et adaptable à n’importe quelle mise en page.