动画运行时间 | animation-duration

动画-持续时间

animation-duration属性指定一个动画周期的时长。

/* Single animation */
animation-duration: 6s;
animation-duration: 120ms;

/* Multiple animations */
animation-duration: 1.64s, 15.22s;
animation-duration: 10s, 35s, 230ms;

使用简写属性animation很方便地同时设置所有的动画属性。

语法

值

<time>一个动画周期的时长，单位为秒(s)或者毫秒(ms)，无单位值无效。

注意：负值无效，浏览器会忽略该声明，但是一些早起的带前缀的声明会将负值当作0s。

注意：当您在一个animation-*属性上指定了多个以逗号分隔的值时，它们将以animation-name不同的方式分配给属性中指定的动画，具体取决于有多少个值。有关更多信息，请参阅设置多个动画属性值。

形式语法

<time>#

示例

有关示例，请参阅CSS动画。

规格

浏览器兼容性