Funktionsweise von Übergängen

Dieses Beispiel veranschaulicht den Effekt View Transition: Das auf der ersten Seite angezeigte Bild verschwindet nicht abrupt, sondern verwandelt sich sanft in das Bild der nächsten Seite, mit einer neuen Quelle und einer anderen Größe. Diese Art der Animation verleiht der Navigation Flüssigkeit und Kontinuität.

Auf jeder Seite wurde ein identischer Übergang auf die beiden Bilder angewendet (über den Reiter Animation).
Beim Wechsel von einer Seite zur anderen verbindet der Browser diese Elemente und erzeugt automatisch eine fließende Animation zwischen den beiden.

Achtung: Damit diese Demonstration richtig funktioniert, muss die Seite im Vollfenster (und nicht in einem Frame) geöffnet sein.
Außerdem wird die View Transition API noch nicht von Firefox unterstützt.