monks/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

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

paused

</>

pub const paused: #(String, String)

: The animation is currently paused.> [!NOTE]> When you specify multiple comma-separated values on an animation-* property, they are applied to the animations in the order in which the {{cssxref(“animation-name”)}}s appear. For situations where the number of animations and animation-* property values do not match, see Setting multiple animation property values.

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for animation-play-state

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

running

</>

pub const running: #(String, String)

: The animation is currently playing.

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for animation-play-state. It will be wrapped in var() and have -- prepended.