CSS3 animation-play-state property
Examples
Pause Animation:
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari 和 Chrome */
-webkit-animation-play-state:paused; /* Safari 和 Chrome */
Browser Support
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
| 属性 | |||||
|---|---|---|---|---|---|
| animation-play-state | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Tag definitions and instructions
animation - play-state property specifies whether the animation is running or paused.
Note: Use this property in JavaScript suspended animation in a cycle.
| Defaults: | running |
|---|---|
| inherit: | no |
| version: | CSS3 |
| JavaScript syntax: | object object.style.animationPlayState = "paused" |
grammar
animation-play-state: paused|running;
| 值 | 描述 | 测试 |
|---|---|---|
| paused | 指定暂停动画 | 测试 » |
| running | 指定正在运行的动画 | 测试 » |
related articles
CSS3 tutorial: CSS3 Animation
