Menu Riverview Church

ANIMATION-PLAY-STATE

The animation-play-state 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)