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

#CSS digger
Was this article helpful?

 
×

Ctrl+D