CSSKeyframeRule

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2016 browserübergreifend verfügbar.

Das CSSKeyframeRule Interface beschreibt ein Objekt, das einen Satz von Stilen für ein bestimmtes Keyframe repräsentiert. Es entspricht dem Inhalt eines einzelnen Keyframes einer @keyframes At-Regel.

CSSRule CSSKeyframeRule

In diesem Artikel

Instanz-Eigenschaften

Erbt Eigenschaften von seinem Vorfahren CSSRule.

CSSKeyframeRule.keyText

Repräsentiert den Schlüssel des Keyframes, wie '10%', '75%'. Das Schlüsselwort from wird auf '0%' abgebildet und das Schlüsselwort to auf '100%'.

CSSKeyframeRule.style Schreibgeschützt

Gibt eine CSSStyleDeclaration des mit dem Keyframe verbundenen CSS-Stils zurück.

Instanz-Methoden

Keine spezifischen Methoden; erbt Methoden von seinem Vorfahren CSSRule.

Beispiele

Das CSS enthält eine Keyframes-At-Regel. Dies wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird. myRules[0] gibt ein CSSKeyframesRule Objekt zurück, das einzelne CSSKeyFrameRule-Objekte für jedes Keyframe enthält.

css
@keyframes slide-in {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes[0]); // a CSSKeyframeRule representing an individual keyframe.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

CSS Object Model (CSSOM)
CSSKeyframeRule
Instanzeigenschaften
1. keyText
2. style
Vererbung
1. CSSRule
Verwandte Seiten für CSSOM
Anleitungen
1. CSS Declaration
2. CSS-Deklarationsblock
3. Bestimmung der Dimensionen von Elementen
4. Verwaltung der Bildschirmorientierung
5. Verwenden dynamischer Styling-Informationen
6. CSS-Wertserialisierung

CSSKeyframeRule

In diesem Artikel

Instanz-Eigenschaften

Instanz-Methoden

Beispiele

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN