Beispiel zur Notiz „View Transitions“

Eigene Animation beim Seitenwechsel

Link klicken: Die alte Seite schiebt sich nach oben hinaus, die neue von unten herein.

Übergänge zwischen Seiten funktionieren nur über http(s), nicht beim direkten Öffnen der Datei. Firefox navigiert ohne Übergang. Bei „Bewegung reduzieren“ entfällt die eigene Animation bewusst.

Getestet in Chrome 152. Browserstand und Einordnung: siehe Notiz.

Seite A

Zu Seite B

Inhalt der ersten Seite.

Seite B

Zu Seite A

Die zweite Seite hat anderen Inhalt.

Und einen Absatz mehr.