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 August 2016.
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
Loading…