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

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

Siehe auch