CSS ビュー遷移
CSS ビュー遷移モジュールは、ビュー遷移 API の動作を定義します。これにより、開発者は文書内の異なる状態間や文書間でアニメーションする遷移を作成することができます。このモジュールは、これらの遷移をスタイル設定するための CSS プロパティと擬似要素も定義します。
リファレンス
プロパティ
view-transition-nameExperimental
メモ:
このモジュールでは、view-transition-class プロパティも定義していますが、いまのところ、どのブラウザーも対応していません。
アットルールと記述子
セレクターと擬似要素
::view-transitionExperimental::view-transition-image-pair()Experimental::view-transition-group()Experimental::view-transition-new()Experimental::view-transition-old()Experimental
メモ:
このモジュールでは、:active-view-transition および :active-view-transition-type() 擬似クラスも定義していますが、いまのところ、どのブラウザーも対応していません。
インターフェイス
ガイド
- ビュー遷移 API の使用
-
ビュー遷移を作成する方法と、ビュー遷移のアニメーションをカスタマイズする方法について説明します。アクティブなビュー遷移の操作方法についても記載しています。
関連概念
仕様書
| Specification |
|---|
| CSS View Transitions Module Level 1 |
| CSS View Transitions Module Level 2 |