::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 stellt die Wurzel des View Transitions-Overlays dar, welches alle View Transition Snapshot-Gruppen enthält und über dem gesamten anderen Seiteninhalt liegt.

Während eines View Transitions wird ::view-transition in den zugehörigen Pseudoelement-Baum aufgenommen, wie im Abschnitt Der Baum der View Transition Pseudoelemente erläutert. Es ist der Knoten auf höchster Ebene dieses Baumes und hat eines oder mehrere ::view-transition-groups als Kinder.

::view-transition erhält das folgende Standard-Styling im UA-Stylesheet:

css
html::view-transition {
  position: fixed;
  inset: 0;
}

Alle ::view-transition-group Pseudoelemente sind relativ zur View Transition-Wurzel positioniert.

Syntax

css
::view-transition {
  /* ... */
}

Beispiele

css
::view-transition {
  background-color: rgb(0 0 0 / 25%);
}

Spezifikationen

Specification
CSS View Transitions Module Level 1
# selectordef-view-transition

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch