CSSKeyframesRule: свойство length

Только для чтения length свойство интерфейса CSSKeyframeRule возвращает количество объектов CSSKeyframeRule в его списке. Затем вы можете получить доступ к каждой правилам ключевой кадра по её индексу непосредственно в объекте CSSKeyframeRule.

Неотрицательное целое число. Оно должно иметь то же значение, что и length свойства cssRules.

CSS содержит правило ключевых кадров. Это будет первый CSSRule, возвращаемый document.styleSheets[0].cssRules. myRules[0] возвращает объект CSSKeyframesRule. Свойство cssRules возвращает CSSRuleList содержащий два правила.

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

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

const myRules = document.styleSheets[0].cssRules;
const keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.length); // 2