CSS3 animation-play-state Property

Example

Pause animation:

animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari and Chrome */

The numbers in the table indicate the first browser version that supports the property.

The number immediately preceding -webkit-, -ms-, or -moz- is the first browser version that supports the prefixed property.

Property
animation-play-state	43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-

The animation--play-state property specifies whether the animation is running or paused.

Note:Use this property in JavaScript to pause an animation within a cycle.

Default Value:	running
Inherited:	no
version:	CSS3
JavaScript Syntax:	object object.style.animationPlayState="paused"

animation-play-state: paused|running;

Value	Description	Testing
paused	Specify paused animation	Test »
running	Specify running animation	Test »

other extensions