Easy Tutorial
❮ Pr Font Font Size Pr Border Righ ❯

CSS3 animation-play-state Property

Example

Pause the animation:


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit-, -ms-, or -moz- indicate the first version that supports the prefixed property.

Property
animation-play-state 43.0 <br>4.0 -webkit- 10.0 16.0 <br>5.0 -moz- 9.0 <br>4.0 -webkit- 30.0 <br>15.0 -webkit- <br>12.0 -o-

Definition and Usage

The animation-play-state property specifies whether an animation is running or paused.

Note: Use this property in JavaScript to pause an animation during an interval.

Default value: running
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.animationPlayState="paused"
--- ---

Syntax

Value Description Test
paused Specifies that the animation is paused Test »
running Specifies that the animation is running Test »

Related Articles

CSS3 Tutorial: CSS3 Animations

❮ Pr Font Font Size Pr Border Righ ❯