CSSViewTransitionRule
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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
| Specification |
|---|
| CSS View Transitions Module Level 2 # cssviewtransitionrule |