BetaThis is a live doc! Anyone with edit access can make updates in real time without having to publish.

Transition 用来在一个元素的属性变换时播放动画


transition

  • transition-property 指定在哪些属性变化时播放动画

    • 支持有限的属性，例如 transform, opacity, background-color, clip-path

    • 可用 all 来为所有支持的属性应用变换（不建议使用）

  • transition-duration 指定动画时长

  • transition-timing-function指定动画曲线

    • ease, ease-in, cubic-bezier(0.19, 1, 0.22, 1)（默认 ease）

  • transition-delay 使动画延迟播放