Grundlegende Mehrseiten-Ansichts übergänge

Avatar of Geoff Graham
Geoff Graham am
@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.