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
To learn more about Cascading Style Sheets (CSS) animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.
See also
- CSSStyleDeclaration
- currentStyle
- style
- a
- abbr
- b
- bdo
- br
- cite
- code
- em
- i
- img
- input
- kbd
- label
- q
- samp
- select
- small
- span
- strong
- sub
- sup
- textArea
- var
- address
- blockQuote
- div
- dl
- fieldSet
- form
- ol
- p
- pre
- table
- ul
- dd
- dt
- li
- tBody
- td
- tFoot
- th
- tHead
- tr
- button
- del
- ins
- map
- object
- script
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations
Build date: 11/29/2012
