ExampleMake the animation complete in one second:
Try it yourself » |
The animation-duration property is not supported in any browsers.
Safari and Chrome support an alternative, the -webkit-animation-duration property.
The animation-duration property defines how many seconds or milliseconds an animation takes to complete one cycle.
Default value: | 0 |
---|---|
Inherited: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.animationDuration="3s" |
animation-duration: time; |
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |