Animation Play State

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS3 animation-play-state Property


Pause an animation:

div {
    -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    animation-play-state: paused;


CSS Syntax

animation-play-state: paused|running|initial|inherit;

Property Values

Value Description
paused Specifies that the animation is paused
running Default value. Specifies that the animation is running
initial Sets this property to its default value. Read about initial  
inherit Inherits this property from its parent element. Read about inherit