::view-transition
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das ::view-transition
CSS-Pseudoelement repräsentiert die Wurzel des View Transitions-Overlays, das alle View-Transition-Snapshot-Gruppen enthält und oberhalb aller anderen Seiteninhalte liegt.
Während einer View-Transition ist ::view-transition
in dem zugehörigen Pseudoelement-Baum enthalten, wie unter Der View-Transition-Pseudoelement-Baum erklärt. Es ist der oberste Knoten dieses Baums und hat ein oder mehrere ::view-transition-group
s als Kinder.
::view-transition
erhält in dem UA-Stylesheet die folgende Standardgestaltung:
html::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 |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
::view-transition |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- See implementation notes.