GSAP Parallax - Sections et textes

Pour cet exercice, nous allons exercer au moins 3 effets parallaxe sur différentes sections de la page.

Aperçu du résultat 👇

Matériel Pen de départ Vous n’avez qu’à ajouter JavaScript (de pas modifier le HTML ou le CSS). Par contre, il est fortement conseillé de jeter un oeil au CSS et HTML pour comprendre la structure.

Les librairies GSAP et ScrollTrigger sont déjà inclues dans le Pen, vous laissant ainsi vous concentrer sur l'animation GSAP à réaliser.

Requis À suivre... Notes de cours 📚

6-ScrollTrigger Synchroniser une animation le scroll : intro, markers, start, end, toggleActions

7-ScrollTrigger intermédiaire Scrub, pin, pinspacing, callbacks

8-Parallaxe Effet parallaxe à l'aide de GSAP et ScrollTrigger

9-Parallaxe intermédiaire Effet parallaxe à l'aide de GSAP et ScrollTrigger

Récupérer la valeur d'un attribut d'une balise HTML Qu'est-ce que le parallaxe