::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 |