YouTip LogoYouTip

Prop Style Animationduration

# Style animationDuration Property [![Image 8: Style Object Reference](#) Style Object](#) ## Example Change the animationDuration property of a
element: document.getElementById("myDIV").style.animationDuration="3s"; [Try it Yourself Β»](#) * * * ## Definition and Usage The animationDuration property defines the number of seconds an animation takes to complete one cycle. * * * ## Browser Support ![Image 9: Internet Explorer](#)![Image 10: Firefox](#)![Image 11: Opera](#)![Image 12: Google Chrome](#)![Image 13: Safari](#) Only Firefox supports the animationDuration property. * * * ## 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 of the animation. Default value is 0, which means 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 Articles CSS Reference: (#) * * Style Object](#)
← Prop Style AnimationfillmodeProp Style Animationdirection β†’