Style animationDuration Property
Example
Changing the animationDuration property of a <div> element:
document.getElementById("myDIV").style.animationDuration = "3s";
Try it yourself »
Definition and Usage
The animationDuration property defines how many seconds or milliseconds an animation takes to complete one cycle.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Numbers followed by Moz specify the first version that worked with a prefix.
| Property | |||||
|---|---|---|---|---|---|
| animationDuration | 43.0 | Not supported | 16.0 5.0 Moz |
Not supported | 30.0 |
Syntax
Return the animationDuration property:
object.style.animationDuration
Set the animationDuration property:
object.style.animationDuration="time|initial|inherit"
Property Values
| Value | Description |
|---|---|
| time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | 0 |
|---|---|
| Return Value: | A String, representing the animation-duration property of an element |
| CSS Version | CSS3 |
Related Pages
CSS reference: animation-duration property
Style Object
