::view-transition

可用性有限

此特性不是基线特性，因为它在一些最广泛使用的浏览器中不起作用。

::view-transition CSS 伪元素表示视图过渡叠加层的根，该叠加层包含所有视图过渡快照组，并位于所有其他页面内容之上。

在视图过渡期间，::view-transition 被包含在相关的伪元素树中，如视图过渡伪元素树中所述。它是此树的顶层节点，并有一个或多个::view-transition-group()作为其子元素。

在 UA 样式表中，::view-transition 具有以下默认样式

css

:root::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

此页面由MDN 贡献者于2025 年 7 月 14 日最后修改。