::view-transition

有限可用性

此功能不是 Baseline,因为它在一些最常用的浏览器中不起作用。

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 表格仅在浏览器中加载

另请参阅