animation-play-state property in CSS

A simple animation-play-state property example:

animation-play-state: paused;

Laboratory

description & Usage

The animation-play-state property allows the animation to start moving or stop automatically.

#	Description
Default Value	running
Inherited	no
Animatable	no
Version	CSS3
JavaScript syntax	object.style.animationPlayState="paused"

The numbers inserted in the browser fields indicate the version that supports the animation-play-state property.

#	Chrome	Edge	Firefox	Safari	Opera
animation-play-state

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

Values	Description
paused	It causes the animation to be automatically stopped.
running	It causes the animation to start playing automatically.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.

CSS tutorial: CSS animations

HTML DOM reference: animationPlayState property