Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
::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 der View Transitions-Überlagerung, die alle View Transition-Snapshot-Gruppen enthält und über allen anderen Seiteninhalten liegt.
Während einer View Transition ist ::view-transition im zugehörigen Pseudoelement-Baum enthalten, wie in Der View Transition Pseudoelement-Baum erklärt wird. Es ist der Knoten auf oberster Ebene dieses Baums und hat ein oder mehrere ::view-transition-group()s als Kinder.
::view-transition wird im UA-Stylesheet die folgende Standardgestaltung gegeben:
:root::view-transition {
position: fixed;
inset: 0;
}
Alle ::view-transition-group() Pseudoelemente sind relativ zur View Transition-Wurzel 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
Loading...