::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 日最後修改。