CSS3 animation-duration property
Examples
Animating completed within two seconds:
animation-duration: 2 s; - webkit-animation-duration: 2 s; / * Safari and Chrome * /
Browser Support
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
属性 | |||||
---|---|---|---|---|---|
animation-duration | 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Tag definitions and instructions
animation-duration property defines the animation completes a cycle requires many seconds or milliseconds.
Defaults: | 0 |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object object.style.animationDuration = "3s" |
grammar
animation-duration:time;
value | Explanation |
---|---|
time | Specifies the time it takes to complete the animation. The default value is 0, meaning no animation. |
related articles
CSS3 tutorial: CSS3 Animation