The "animation-play-state" CSS Property

This property defines whether the animation is running or paused. The initial value is 'running'.

Values for "animation-play-state"

CSS Level	Value
CSS Animations Level 1	"<single-animation-play-state>#", where <single-animation-play-state> = "running | paused"

Notes

• So that animations work in major browsers, be sure to use the "animation-play-state" property and the equivalent proprietary properties like "-moz-animation-play-state", "-o-animation-play-state", and "-webkit-animation-play-state" ("-ms-animation-play-state" is not needed).

Recommended Links

• CanIUse.com: Search "animation-play-state" (browser compatibility information)
• CanIEmail.com: Search "animation-play-state" (email client compatibility information)
• SitePoint: Build Awesome Apps with CSS3 Animations
• CSS Animations 1: animation-play-state property
• MDN: animation-play-state property
• Quackit: animation-play-state property

Search Engine Links (for more information)

• Bing "CSS animation-play-state property"
• Google "CSS animation-play-state property"