CSSKeyframesRule: метод findRule()

Метод findRule() интерфейса CSSKeyframeRule находит CSSKeyFrameRule, соответствующую указанному селектору ключевой кадра.

select

Строка, содержащая селектор ключевого кадра искомого правила, который должен быть:

• списком значений процентов, разделенных запятыми, в диапазоне от 0% до 100%;
• или ключевыми словами from или to.

Обратите внимание, что количество и порядок значений в указанном селекторе ключевого кадра должны соответствовать целевому правилу(ам) ключевого кадра. Пробелы игнорируются.

Объект CSSKeyframeRule — последнее соответствующее правило. Если правила не найдены, ничего не возвращается.

CSS включает правило @keyframes. Это будет первое CSSRule, возвращаемое document.styleSheets[0].cssRules. myRules[0] возвращает объект CSSKeyframesRule. Вызов findRule("to") возвращает CSSKeyframeRule, представляющий второе правило.

@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.findRule("to")); // a CSSKeyframeRule object