::view-transition

Baseline 2025

最近利用可能

October 2025以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。

::view-transition は CSS の擬似要素で、ビュー遷移のオーバーレイのルートを表します。これはすべてのビュー遷移を含み、他のすべてのページコンテンツの最上位の上に位置します。

ビュー遷移の間、 ::view-transition はビュー遷移のプロセスで説明されているように、関連する擬似要素ツリーに含まれます。これはこのツリーの最上位ノードであり、 1 つ以上の ::view-transition-group を子として持ちます。

::view-transition は UA スタイルシートでは以下の既定値が指定されています。

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 View Transitions Module Level 1 # selectordef-view-transition

このページは MDN の貢献者によって 2026年4月12日に最終更新されました。