Specifies whether an animation is playing or paused.
This property is read/write.
animation-play-state: [ running | paused ] [ , [ running | paused ] ] *
One or more of the following play state keywords, separated by commas.
Initial value. Play the animation. If restarting a paused animation, the animation resumes from the current (paused) property value.
Pause the animation. The object is displayed with the current property value until the animation-play-state property is set to running and the animation resumes.
|Applies To||block-level and inline-level elements|
- CSS Animations Module Level 3, Section 3.7
To learn more about Cascading Style Sheets (CSS) animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations