CSSViewTransitionRule
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Giao diện CSSViewTransitionRule đại diện cho một at-rule CSS @view-transition at-rule.
Thuộc tính phiên bản
Kế thừa các thuộc tính từ tổ tiên CSSRule.
-
Trả về giá trị descriptor
navigationcủa at-rule@view-transition. typesRead only-
Trả về một mảng chứa các giá trị descriptor
typescủa at-rule@view-transition.
Phương thức phiên bản
Kế thừa các phương thức từ tổ tiên CSSRule.
Ví dụ
Sử dụng cơ bản
Một stylesheet bao gồm một at-rule @view-transition at-rule, với các descriptor navigation và types được đặt:
css
@view-transition {
navigation: auto;
types: slide, rotate;
}
Trong script, chúng ta lấy một tham chiếu đến at-rule @view-transition bằng document.styleSheets[0].cssRules, sau đó ghi lại đối tượng CSSViewTransitionRule tương ứng và các thuộc tính navigation và types của nó vào console.
js
let myRule = document.styleSheets[0].cssRules;
console.log(myRule[0]); // a CSSViewTransitionRule representing the @view-transition at-rule
console.log(myRule[0].navigation); // "auto"
console.log(myRule[0].types); // ["slide", "rotate"]
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS View Transitions Module Level 2 # cssviewtransitionrule |