CSS animation-play-state property
Description
CSS animation-play-state property represents whether the animation is in a running or paused state.
Syntax
animation-play-state : running | paused
Property values
runningDefault
-
It represents the running state of animation.
animation-play-state: running;
paused
-
When animation is paused, it continues applying property values that it made before pausing the animation (pausing the animation-duration or animation-delay).
When it is switched to running state, the animation starts its execution at the time interval (animation-duration or animation-delay resumes) where it was left off.
animation-play-state: paused;
Applicable to
It applies to all elements
From web4college, the free CSS digger
#CSS digger
Was this article helpful?
▾