::view-transition
Baseline
2025
Newly available
Since October 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
::view-transition は CSS の擬似要素で、ビュー遷移のオーバーレイのルートを表します。これはすべてのビュー遷移を含み、他のすべてのページコンテンツの最上位の上に位置します。
ビュー遷移の間、 ::view-transition はビュー遷移のプロセスで説明されているように、関連する擬似要素ツリーに含まれます。これはこのツリーの最上位ノードであり、 1 つ以上の ::view-transition-group を子として持ちます。
::view-transition は UA スタイルシートでは以下の既定値が指定されています。
css
html::view-transition {
position: fixed;
inset: 0;
}
すべての ::view-transition-group 擬似要素は、ビュー遷移ルートに対して相対的に配置されます。