animation-duration
属性用于指定动画持续的时间。它定义了动画从开始到结束所需的时间长度,以秒(s)或毫秒(ms)为单位。
语法
------------------- -------
<time>
:指定动画持续的时间,可以是正数或零,单位为秒(s)或毫秒(ms)。
默认值
0s
可能的值
<time>
:指定动画持续的时间,可以是正数或零。
示例
-- --------- - - -- -------- - ------------------- --- -
在上面的示例中,.element
元素的动画将持续 2 秒。
注意事项
- 如果未指定动画的持续时间,则默认为 0,即没有动画效果。
- 如果动画的持续时间为负数,则会被忽略。
- 动画持续时间可以是小数,例如
0.5s
。
浏览器兼容性
- animation-duration 属性在现代浏览器中得到很好的支持,包括 Chrome、Firefox、Safari 和 Edge 等。
结论
animation-duration
属性是控制动画持续时间的重要属性,通过合理设置动画持续时间,可以实现更加生动、流畅的动画效果。