CSS 视图过渡

参考

属性

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

At 规则和描述符

• @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>

规范

参见

• 伪元素
• 函数式伪类
• 学习：伪类和伪元素