animation-play-state property
Specifies whether an animation is playing or paused.
This property is read/write.
  |
Syntax
animation-play-state: [ running | paused ] [ , [ running | paused ] ] *
Property values
One or more of the following play state keywords, separated by commas.
running-
Initial value. Play the animation. If restarting a paused animation, the animation resumes from the current (paused) property value.
paused-
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.
CSS information
| Applies To | block-level and inline-level elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | running |
Standards information
- CSS Animations Module Level 3, Section 3.7
Remarks
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.
See also
- a
- abbr
- acronym
- address
- b
- bdo
- big
- blockQuote
- br
- button
- cite
- code
- CSSStyleDeclaration
- currentStyle
- dd
- del
- dfn
- div
- dl
- dt
- em
- fieldSet
- form
- i
- img
- input
- ins
- kbd
- label
- li
- map
- noFrames
- noScript
- object
- ol
- p
- pre
- q
- samp
- script
- select
- small
- span
- strong
- style
- sub
- sup
- table
- tBody
- td
- textArea
- tFoot
- th
- tHead
- tr
- tt
- ul
- var
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations