CSS animation-play-state property

Property values

runningDefault

It represents the running state of animation.

animation-play-state: running;

Try it { }

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;

Try it { }