CSS 参考手册 目录

CSS3 animation-duration 属性

animation-duration 属性用于指定动画持续的时间。它定义了动画从开始到结束所需的时间长度,以秒(s)或毫秒(ms)为单位。

语法

------------------- -------
  • <time>:指定动画持续的时间,可以是正数或零,单位为秒(s)或毫秒(ms)。

默认值

  • 0s

可能的值

  • <time>:指定动画持续的时间,可以是正数或零。

示例

-- --------- - - --
-------- -
  ------------------- ---
-

在上面的示例中,.element 元素的动画将持续 2 秒。

注意事项

  • 如果未指定动画的持续时间,则默认为 0,即没有动画效果。
  • 如果动画的持续时间为负数,则会被忽略。
  • 动画持续时间可以是小数,例如 0.5s

浏览器兼容性

  • animation-duration 属性在现代浏览器中得到很好的支持,包括 Chrome、Firefox、Safari 和 Edge 等。

结论

animation-duration 属性是控制动画持续时间的重要属性,通过合理设置动画持续时间,可以实现更加生动、流畅的动画效果。


上一篇:CSS 属性 animation-direction
下一篇:CSS 属性 animation-fill-mode