CSSViewTransitionRule
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Das Interface CSSViewTransitionRule repräsentiert eine CSS-@view-transition-At-Regel.
Instanzeigenschaften
Erbt Eigenschaften von CSSRule.
-
Gibt den Wert des
navigation-Deskriptors der@view-transition-At-Regel zurück. typesSchreibgeschützt-
Gibt ein Array mit den Werten des
types-Deskriptors der@view-transition-At-Regel zurück.
Instanzmethoden
Erbt Methoden von CSSRule.
Beispiele
Grundlegende Verwendung
Ein Stylesheet enthält eine @view-transition-At-Regel, für die die Deskriptoren navigation und types festgelegt sind:
@view-transition {
navigation: auto;
types: slide rotate;
}
Im Skript greifen wir über document.styleSheets[0].cssRules auf die @view-transition-At-Regel zu und geben das zugehörige CSSViewTransitionRule-Objekt sowie seine Eigenschaften navigation und types in der Konsole aus. Die Eigenschaft types gibt ein Array mit den für den types-Deskriptor festgelegten Werten zurück.
let myRule = document.styleSheets[0].cssRules;
console.log(myRule[0]); // a CSSViewTransitionRule representing the @view-transition at-rule
console.log(myRule[0].navigation); // "auto"
console.log(myRule[0].types); // ["slide", "rotate"]
Spezifikationen
| Spezifikation |
|---|
| CSS View Transitions Module Level 2 # cssviewtransitionrule |