animation-duration

Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

概述

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

默认值为 0s,表示无动画。

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

初始值0s
适用元素all elements, ::before and ::after pseudo-elements
是否是继承属性
计算值as specified
Animation typeNot animatable

语法

Formal syntax: 
animation-duration = 
<time [0s,∞]>#

animation-duration: 6s
animation-duration: 120ms
animation-duration: 1s, 15s
animation-duration: 10s, 30s, 230ms

<time>

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

**备注:**负值无效,浏览器会忽略该声明,但是一些早期的带前缀的声明会将负值当作 0s。

示例

See CSS animations for examples.

规范

Specification
Unknown specification
# animation-duration

浏览器兼容

BCD tables only load in the browser

See also