::view-transition
Baseline
2025
Newly available
Since October 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Phần tử giả ::view-transition trong CSS đại diện cho gốc của lớp phủ view transitions, chứa tất cả các nhóm snapshot chuyển đổi view và nằm trên cùng của tất cả nội dung trang khác.
Trong quá trình chuyển đổi view, ::view-transition được bao gồm trong cây phần tử giả liên quan như được giải thích trong Cây phần tử giả chuyển đổi view. Đây là node cấp cao nhất của cây này và có một hoặc nhiều ::view-transition-group() làm con.
::view-transition được cấp kiểu mặc định sau trong stylesheet UA:
:root::view-transition {
position: fixed;
inset: 0;
}
Tất cả các phần tử giả ::view-transition-group() được định vị tương đối với gốc chuyển đổi view.
Cú pháp
::view-transition {
/* ... */
}
Ví dụ
::view-transition {
background-color: rgb(0 0 0 / 25%);
}
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS View Transitions Module Level 1 # selectordef-view-transition |