Bringing Back Parallax With Scroll-Driven CSS Animations

Franchement, j’avais enterré le parallax avec les carrousels autoplay et les splash pages en Flash. Mais là, j’ai été surpris.

Avec les scroll-driven animations, le truc retrouve une seconde vie : fluide, natif, et surtout sans les usines à gaz JS d’avant.

L’article de CSS-Tricks décortique la méthode avec pédagogie en mode : t’as une timeline liée au scroll, tu cales tes keyframes dessus, et roule ma poule.

Ce que j’ai aimé, c’est qu’on n’est plus dans le « waouh » pour faire waouh.

C’est clean, subtil, et ça s’intègre bien dans un design qui respecte l’utilisateur.

Tu peux même jouer avec la perspective ou l’échelle d’un élément selon sa progression dans la page, sans flinguer les perfs.

Bref, si t’avais lâché l’affaire avec le parallax, c’est le bon moment pour t’y remettre.