J'ai passé la dernière année à remplacer des bibliothèques d'animation par trois lignes de CSS.

L'idée

L'API View Transitions te laisse animer entre deux états du DOM.

CSS
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .3s;
}

En pratique

Tu startViewTransition(() => { /* mutations */ }) et tu laisses le navigateur faire.

Pièges

  • Safari n'est pas encore de la partie (avril 2026)
  • view-transition-name doit être unique sur la page