Scroll horizontal animé

Ici nous avons un canvas de 1908px de large quelque soit la résolution. il est encapsulé dans un bloc en overflow pour respecter nos besoins responsives.
Ce canvas se déplace vers la gauche, grace à la bibliothèque Gsap, en même temps que vous scrollez pour donner l'illusion d'un traveling compensé.
Et puisque nous utilisons Gsap, nous en profitons pour jouer avec du html pour afficher du scroll à un moment précis de vootre scroll.

C'est ce qui rend l'interactive motion design si passionnant : il s'apparente à une véritable mise en scène, nécessitant à la fois l'imagination créative d'un motion designer et l'expertise technique d'un développeur, afin d'obtenir l'effet souhaité tout en préservant la fluidité d'un site web classique.
Rendez-vous dans notre prochaine experience !