Easy Tutorial
❮ Prop Style Borderimageoutset Prop Win Outerheight ❯

Style animationPlayState Property

Style Object

Example

Pause an animation:


Definition and Usage

The animationPlayState property specifies whether an animation is running or paused.

Note: Use this property to pause an animation that is currently playing.


Browser Support

Internet Explorer 10, Firefox, and Opera support the animationPlayState property.

Safari and Chrome support an alternative property, WebkitAnimationPlayState.

Note: Internet Explorer 9 and earlier versions do not support the animationPlayState property.


Syntax

Return the animationPlayState property:

Set the animationPlayState property:

Property Values

Value Description
running Default value. Specifies that the animation is running.
paused Specifies that the animation is paused.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: running
Return value: String, representing the animation-play-state property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: animation-play-state Property


Style Object

❮ Prop Style Borderimageoutset Prop Win Outerheight ❯