CSS 檢視過渡

參考

屬性

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

At-rule 和描述符

• @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
  • Web 動畫 API

• CSS 變換模組

  • transform
  • <transform-function>

規範

另見

• 偽元素
• 功能性偽類
• 學習：偽類與偽元素