Revision Content

{{CSSRef}} {{SeeCompatTable}}

Summary

The animation-play-stateCSS property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.

Resuming a paused animation will start the animation from where it left off at the time it was paused, rather than starting over from the beginning of the animation sequence.

{{xref_cssinitial}}running

Applies to all elements, and {{cssxref("::before")}} and {{cssxref("::after")}} pseudo-elements

{{xref_cssinherited}} no

Media {{xref_cssvisual}}

{{xref_csscomputed}} as specified

{{xref_cssanimatable}} no

{{xref_csscanonicalorder}} the unique non-ambiguous order defined by the formal grammar