Fonctionnement des transitions

Cet exemple illustre l’effet View Transition : l’image affichée sur la première page ne disparaît pas brutalement, mais se transforme en douceur pour devenir l’image de la page suivante, avec une nouvelle source et une taille différente. Ce type d’animation apporte fluidité et continuité à la navigation.

Sur chaque page, une transition identique a été appliquée aux deux images (via l’onglet Animation).
Lors du passage d’une page à l’autre, le navigateur relie ces éléments et génère automatiquement une animation fluide entre les deux.

Attention : pour que cette démonstration fonctionne correctement, la page doit être ouverte en pleine fenêtre (et non dans une frame).
De plus, l’API View Transition n’est pas encore prise en charge par Firefox.