实例
设置动画在两秒内完成:
运行一下 »animation-duration:2s;
-webkit-animation-duration:2s; /* Safari and Chrome */
浏览器支持
Internet Explorer 10, Firefox, 和 Opera支持 animation-duration 属性.
Safari和Chrome通过私有属性-WebKit-animation支持。
注意:Internet Explorer 9及更早IE版本不支持animation-name 属性。
标签定义及使用说明
animation-duration属性定义动画完成一个周期需要多少秒或毫秒。
| 默认值: | 0 |
|---|---|
| 继承: | no |
| 版本: | CSS3 |
| javascript 语法: | object object.style.animationDuration="3s" |
语法
animation-duration: time;
| 值 | 说明 |
|---|---|
| time | 指定动画播放完成花费的时间。默认值为 0，意味着没有动画效果。 |