,

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.

← Précédent
Suivant →

Your post must include a link to this post.

How does this work?
Write a response on your own website and include a link to this post. Then submit your response’s URL here. Your response may appear here after moderation. To update or remove it, edit or delete your original post and submit the same URL again. Learn more about Webmentions.