Nouveau Tuto

Tuto — Créer une transition de page fluide en CSS pur

RM
Riz_MoAuteur
18/06/2026 · 321 vues

Voici une petite astuce que j'utilise pour des transitions de page fluides sans librairie JS, en m'appuyant uniquement sur les View Transitions API et quelques animations CSS.

L'idée est de déclencher un fondu enchaîné entre l'ancien et le nouveau contenu, avec un léger décalage vertical pour donner une impression de mouvement naturel.

Je mets le code complet en commentaire plus bas si ça intéresse du monde !

DD
Dan_Dev
il y a 4 sem.
#2

Top, je cherchais justement une alternative légère à Barba.js. Le support navigateur est suffisant maintenant pour s'en servir en prod ?

NI
NinaAn
il y a 4 sem.
#3

Marche très bien chez moi, merci pour le partage ! Petit ajout : penser à gérer le cas où l'utilisateur préfère réduire les animations (prefers-reduced-motion).

Répondre au sujet

Vous pouvez aussi vous connecter pour répondre avec votre compte.