@view-transition {
navigation: auto;
}
Das kommt direkt in dein Stylesheet und ist der absolut einfachste der einfachen Ansichtsübergänge. Der Effekt ist eine Überblendung zwischen zwei Seiten.
Das Chrome-Team hat zunächst ein Meta-Tag veröffentlicht, das wir in den <head> einfügen konnten, um Ansichtsübergänge zu aktivieren.
<meta name="view-transition" content="same-origin" />
Dies war ein temporärer Weg, um auf Ansichtsübergänge zuzugreifen, aber dann hat das Chrome-Team im Mai 2024 ein Update veröffentlicht, das Mehrseiten-Ansichtsübergänge standardmäßig aktiviert und nur verlangt, dass wir sie mit dem obigen CSS-Snippet aktivieren.