`::view-transition` CSS pseudo-element

Baseline 2025

Neu verfügbar

Seit October 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Das ::view-transition CSS Pseudoelement repräsentiert die Wurzel des View Transition Overlays, das alle Snapshot-Gruppen der View-Transition enthält und über allen anderen Seiteninhalten liegt.

Während einer View-Transition ist ::view-transition in den zugehörigen Pseudoelement-Baum integriert, wie in Der Pseudoelement-Baum der View-Transition erklärt wird. Es ist der oberste Knoten dieses Baums und hat ein oder mehrere ::view-transition-group()s als Kinder.

::view-transition erhält im UA-Stylesheet das folgende Standardstyling:

css

:root::view-transition {
  position: fixed;
  inset: 0;
}

Alle ::view-transition-group() Pseudoelemente sind relativ zur Wurzel der View-Transition positioniert.

Syntax

css

::view-transition {
  /* ... */
}

Beispiele

css

::view-transition {
  background-color: rgb(0 0 0 / 25%);
}

Spezifikationen

Spezifikation
CSS View Transitions Module Level 1 # selectordef-view-transition

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

::view-transition CSS pseudo-element