::view-transition
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-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
| Spezifikation |
|---|
| CSS View Transitions Module Level 1 # selectordef-view-transition |