Search within TutorialsPark

CSS3 animation-play-state Property

To specify if an animation is running or not.

Definition and Notes.

1. The CSS3 animation-play-state property run state of one or more CSS animations.The default being the state of running , in static CSS environments.

2. It can be used to easily stop or start animations using the DOM scripts or CSS pseudo classes (eg, :hover, :target)


CSS3 animation-play-state property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note- It requires vendor prefixes and doesn't work in IE 9 or earlier version.

Property Values

Value Description
running The animation is set to running state.
paused The animation is set to paused state


Specs Value
Name animation-play-state
Value running | paused [, running | paused]*
Initial Value running
Applies to block-level and inline-level elements
Javascript syntax"paused"
Inherited No
Computed Value Same as declared value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.