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
Do not use the Microsoft vendor prefix ("-ms-") before the Cascading Style Sheets (CSS) animations properties. They are supported unprefixed in Internet Explorer 10 and later.
To learn more about CSS animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.
As of Internet Explorer for Windows Phone 8.1 Update, Internet Explorer for Windows Phone supports "-webkit-animation-play-state" as an alias for this property.
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations