CSSKeyframesRule: phương thức findRule()

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.

Phương thức findRule() của giao diện CSSKeyframeRule tìm CSSKeyFrameRule khớp với bộ chọn keyframe đã chỉ định.

Cú pháp

findRule(select)

Tham số

select

Một chuỗi chứa bộ chọn keyframe của quy tắc cần tìm, phải là:

một danh sách phần trăm phân cách bằng dấu phẩy giữa 0% và 100%;
hoặc các từ khóa from hoặc to.

Lưu ý rằng số lượng và thứ tự các giá trị trong bộ chọn keyframe đã chỉ định phải khớp với các quy tắc keyframe mục tiêu. Khoảng trắng được bỏ qua.

Giá trị trả về

Một CSSKeyframeRule là quy tắc khớp cuối cùng. Nếu không tìm thấy quy tắc nào, không có gì được trả về.

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. Gọi findRule("to") trả về một CSSKeyframeRule đại diện cho quy tắc thứ hai.

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