View Transition

Cross-Document

…

Zwei echte HTML-Dokumente. Eine einzige CSS-Zeile auf beiden Seiten aktiviert den Default-Crossfade beim Navigieren — sonst nichts.

Timeline as UX

Playhead, Range, Cover

Effekt

Der Browser übernimmt

Pure CSS

Deklarativ, lesbar

Compositor Path

transform, opacity

@view-transition{ navigation: auto }

Achtung: Braucht echte Same-Origin-Navigation über HTTP(S) und einen Browser mit Cross-Doc-VT-Support — Chrome/Edge 126+ oder Safari 18.2+. Firefox unterstützt es noch nicht (Stand 2026).