Dynamically pause and resume

animation-play-state

Use JavaScript to dynamically check whether an animation is paused or running. Also use JavaScript to change this state.

Property values

One of these keyword values:

paused Suspend the animation
running Resume the animation

Examples

animation-play-state: paused;
animation-play-state

style > animation > animation-play-stateDynamically pause and resume

🔎