CSSKeyframesRule

20168

CSSKeyframesRule CSS @keyframes at

CSSRule CSSKeyframesRule

CSSRule

CSSKeyframesRule.name: animation-name
CSSKeyframesRule.cssRules: CSSRuleList
CSSKeyframesRule.length

CSSRule

CSSKeyframesRule.appendRule(): CSSKeyframesRule @keyframes at SYNTAX_ERR DOMException
CSSKeyframesRule.deleteRule(): CSSKeyframesRule 0% 100%
CSSKeyframesRule.findRule(): 0% 100% findRule null

CSSKeyframesRule

CSS at document.styleSheets[0].cssRules CSSRulemyRules[0] CSSKeyframesRule

css

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

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

const myRules = document.styleSheets[0].cssRules;
const keyframes = myRules[0]; // CSSKeyframesRule

CSSKeyframesRule cssRules

const keyframes = document.styleSheets[0].cssRules[0];

for (let i = 0; i < keyframes.length; i++) {
  console.log(keyframes[i].keyText);
}

// 
// 0%
// 100%


CSS Animations Level 1 # interface-csskeyframesrule

MDN

20251110 MDN

GitHub