animation-play-state

The animation-play-state CSS property defines whether the animation is running or paused.

Syntax

CSS

animation-play-state: value;

JS

object.style.animationPlayState = "value";

Values

<'animation-play-state'> = <single-animation-play-state>#
<single-animation-play-state> = running | paused
running

The animation proceeds as normal.

paused

The animation is paused. It restarts from where it left off.

Initial

running

Examples

paused

running

JS

Internal

animation

animation-delay

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-name

animation-timing-function

External

World Wide Web Consortium (W3C)

Home Menu