animation-play-state

The animation-play-state CSS property sets whether an animation is running or paused.

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.

Values: This property is specified as a comma-separated list of the following keyword values:

Values: running The animation is currently playing. paused The animation is currently paused.

Values: Note: When you specify multiple comma-separated values on an animation-* property, they are applied to the animations in the order in which the animation-names appear. For situations where the number of animations and animation-* property values do not match, see Setting multiple animation property values.

Syntax example: animation-play-state: running;