新增！我的 44 页电子书“CSS 在 44 分钟内”已发布！ 😃

立即获取 →

#transition

是 transition-property transition-duration transition-timing-function 和 transition-delay 的简写属性。

只有 transition-duration 是必需的。

transition: 1s;

  • transition-duration 被设置为 1s
  • transition-property 默认为 all
  • transition-timing-function 默认为 ease
  • transition-delay 默认为 0s

transition: 1s linear;

  • transition-duration 被设置为 1s
  • transition-property 默认为 all
  • transition-timing-function 被设置为 linear
  • transition-delay 默认为 0s

transition: background 1s linear;

  • transition-duration 被设置为 1s
  • transition-property 被设置为 background
  • transition-timing-function 被设置为 linear
  • transition-delay 默认为 0s

transition: background 1s linear 500ms;

  • transition-duration 被设置为 1s
  • transition-property 被设置为 background
  • transition-timing-function 被设置为 linear
  • transition-delay 被设置为 500ms

transition: background 4s, transform 1s;

您可以将具有自己过渡持续时间的多个属性组合在一起。