Instanz-Eigenschaften

Erbt Eigenschaften von ihrem Vorfahren, CSSRule.

navigation Schreibgeschützt

Gibt den navigation-Deskriptorwert der @view-transition At-Regel zurück.

types Schreibgeschützt

Gibt ein Array zurück, das die types-Deskriptorwerte der @view-transition At-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

Browser-Kompatibilität

Siehe auch

• @view-transition
• View Transition API