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)


Syntax:

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

View in Splitscreen»

Code-Editor:

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

Specifications

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

Related Examples.