CSS3 animation-duration 属性
实例
Make the animation complete in two seconds:
animation-duration:2s;
-webkit-animation-duration:2s; /* Safari and Chrome */
-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。这意味着将会没有动画 | 该你了 » |
相关文章
CSS3 tutorial: CSS3 动画
