YouTip LogoYouTip

Prop Style Animationplaystate

# Style animationPlayState Property [![Image 8: Style Object Reference](#) Style Object](#) ## Example Pause an animation: document.getElementById("myDIV").style.animationPlayState="paused"; [Try it Yourself Β»](#) * * * ## Definition and Usage The animationPlayState property specifies whether the animation is running or paused. **Note:** Use this property to pause an animation that is currently playing. * * * ## Browser Support ![Image 9: Internet Explorer](#)![Image 10: Firefox](#)![Image 11: Opera](#)![Image 12: Google Chrome](#)![Image 13: Safari](#) Internet Explorer 10, Firefox, and Opera support the animationPlayState property. Safari and Chrome support an alternative property for this, namely the WebkitAnimationPlayState property. **Note:** Internet Explorer 9 and earlier versions do not support the animationPlayState property. * * * ## Syntax Get the animationPlayState property: _object_.style.animationPlayState Set the animationPlayState property: _object_.style.animationPlayState="running|paused|initial|inherit" ## Property Values | Value | Description | | --- | --- | | running | Default value. Specifies that the animation is running. | | paused | Specifies that the animation is paused. | | 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: | running | | --- | --- | | Return Value: | A string, representing the animation-play-state property of the element. | | CSS Version | CSS3 | * * * ## Related Articles CSS Reference: (#) * * Style Object](#)
← Bootstrap V2 Affix PluginProp Style Animationtimingfunc β†’