A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/de/docs/Web/API/CSSKeyframeRule below:

CSSKeyframeRule - Web-APIs | MDN

CSSKeyframeRule

Baseline Widely available

Das CSSKeyframeRule Interface beschreibt ein Objekt, das eine Gruppe von Styles für einen bestimmten Keyframe darstellt. Es entspricht dem Inhalt eines einzelnen Keyframes einer @keyframes-At-Regel.

CSSRule CSSKeyframeRule Instanz-Eigenschaften

Erbt Eigenschaften von seinem Vorfahren CSSRule.

CSSKeyframeRule.keyText

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

CSSKeyframeRule.style Schreibgeschützt

Gibt eine CSSStyleDeclaration der mit dem Keyframe verbundenen CSS-Stile 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 jeden Keyframe enthalten wird.

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

  to {
    transform: translateX(100%);
  }
}
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes[0]); // a CSSKeyframeRule representing an individual keyframe.
Spezifikationen Browser-Kompatibilität Siehe auch MDN-Feedback-Box War diese Übersetzung hilfreich?

Diese Seite wurde automatisch aus dem Englischen übersetzt.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4