::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:
:root::view-transition { position: fixed; inset: 0; } Alle ::view-transition-group() Pseudoelemente sind relativ zur Wurzel der View-Transition positioniert.
Syntax
::view-transition { /* ... */ } Beispiele
::view-transition { background-color: rgb(0 0 0 / 25%); } Spezifikationen
| Specification |
|---|
| CSS View Transitions Module Level 1 # selectordef-view-transition |