CSSKeyframesRule: name-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Die name-Eigenschaft der Schnittstelle CSSKeyframeRule ruft den Namen der Animation ab und setzt ihn, wie er von der animation-name-Eigenschaft verwendet wird.

Wert

Ein String.

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, bei dem name auf "slide-in" gesetzt ist.

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.name); // "slide-in"

Spezifikationen

Specification
CSS Animations Level 1
# dom-csskeyframesrule-name

Browser-Kompatibilität

BCD tables only load in the browser