CSSViewTransitionRule
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more support for this feature? Tell us why.
Die CSSViewTransitionRule Schnittstelle repräsentiert eine CSS @view-transition At-Regel.
Instanz-Eigenschaften
Erbt Eigenschaften von ihrem Vorfahren, CSSRule.
-
Gibt den
navigation-Deskriptorwert der@view-transitionAt-Regel zurück. typesSchreibgeschützt-
Gibt ein Array zurück, das die
types-Deskriptorwerte der@view-transitionAt-Regel enthält.
Instanz-Methoden
Erbt Methoden von ihrem Vorfahren, CSSRule.
Beispiele
Grundlegende Nutzung
Ein Stylesheet beinhaltet eine @view-transition At-Regel, mit den Deskriptoren navigation und types gesetzt:
@view-transition {
navigation: auto;
types: slide, rotate;
}
Im Skript holen wir eine Referenz zur @view-transition At-Regel mittels document.styleSheets[0].cssRules, dann loggen wir das entsprechende CSSViewTransitionRule Objekt und seine navigation- und types-Eigenschaften in die Konsole. Die types-Eigenschaft gibt ein Array zurück, das die für den types-Deskriptor gesetzten Werte enthält.
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 |