::view-transition
The ::view-transition
CSS 伪元素 代表 视图过渡 叠加层的根节点,其中包含所有视图过渡快照组,并位于所有其他页面内容的顶部。
在视图过渡期间,::view-transition
被包含在相关的伪元素树中,如 视图过渡伪元素树 中所述。它是此树的顶级节点,并具有一个或多个 ::view-transition-group
作为子节点。
::view-transition
在 UA 样式表中被赋予以下默认样式
css
html::view-transition {
position: fixed;
inset: 0;
}
所有 ::view-transition-group
伪元素相对于视图过渡根节点定位。
语法
css
::view-transition {
/* ... */
}
示例
css
::view-transition {
background-color: rgb(0 0 0 / 25%);
}
规范
规范 |
---|
CSS 视图过渡模块级别 1 # selectordef-view-transition |
浏览器兼容性
BCD 表格仅在浏览器中加载