CSS ビュー遷移

リファレンス

プロパティ

• view-transition-class
• view-transition-name

アットルールと記述子

• @view-transition
  • navigation 記述子

セレクターと擬似要素

• :active-view-transition
• :active-view-transition-type()
• ::view-transition
• ::view-transition-image-pair()
• ::view-transition-group()
• ::view-transition-new()
• ::view-transition-old()

インターフェイス

• CSSViewTransitionRule
• ViewTransition
  • ViewTransition.skipTransition() メソッド
  • ViewTransition.updateCallbackDone
  • ViewTransition.ready
  • ViewTransition.finished
• Document.startViewTransition() メソッド

ガイド

ビュー遷移 API の使用

ビュー遷移を作成する方法と、ビュー遷移のアニメーションをカスタマイズする方法について説明します。アクティブなビュー遷移の操作方法についても記載しています。

関連概念

• pagereveal イベント

• pageswap イベント

• Document.visibilityState

• CSS アニメーションモジュール

  • animation
  • @keyframes
  • CSSKeyframesRule
  • CSSStyleRule
  • ウェブアニメーション API

• CSS 座標変換モジュール

  • transform
  • <transform-function>

仕様書

関連情報

• 擬似要素
• 関数擬似クラス
• CSS の構成要素: 擬似クラスと擬似要素