首页 > 属性 Properties > 动画(Animation) > animation-duration

版本 : CSS3 animation-duration

语法：

animation-duration：<time>[,<time>]*

默认值：0s

适用于：所有元素，包含伪对象:after和:before

继承性：无

动画性：否

计算值：指定值

媒体：视觉

取值：

<time>：: 指定对象动画的持续时间

说明：

检索或设置对象动画的持续时间

如果提供多个属性值，以逗号进行分隔。
对应的脚本特性为animationDuration。

兼容性：

浅绿 = 支持
红色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0-9.0	2.0-4.0	4.0-42.0^-webkit-	6.0-8.0^-webkit-	15.0-29.0^-webkit-	6.0-8.4^-webkit-	2.1-3.0^-webkit- ^#1	18.0-42.0^-webkit-
	10.0+	5.0-15.0^-moz-	43.0+	9.0+	30.0+	9.0+	4.0-40.0^-webkit-
	10.0+	16.0+	43.0+	9.0+	30.0+	9.0+	4.0-40.0^-webkit-

在一些场景中会有错误行为
部分浏览器不支持伪元素动画，或者支持得不够好，尽可能不要利用伪元素来做动画