CSSKeyframesRule: thuộc tính cssRules

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.

Thuộc tính chỉ đọc cssRules của giao diện CSSKeyframeRule trả về một CSSRuleList chứa các quy tắc trong keyframes at-rule.

Note: Bản thân CSSKeyframeRule có thể được lập chỉ mục như một mảng và hoạt động tương tự như thuộc tính cssRules của nó.

CSS bao gồm một keyframes at-rule. Đây sẽ là CSSRule đầu tiên được trả về bởi document.styleSheets[0].cssRules. myRules[0] trả về một đối tượng CSSKeyframesRule. Thuộc tính cssRules trả về một CSSRuleList chứa hai quy tắc.

css

@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.cssRules); // a CSSRuleList object with two rules