::view-transition

Baseline 2025

Newly available

Since ⁨October 2025⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

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

::view-transition erhält die folgende Standardformatierung im UA-Stylesheet:

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

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

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

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