CSS animation-play-state 属性
下面有更多实例。
定义和用法
animation-play-state 属性指定动画是否正在运行或已暂停。
注释: 在JavaScript中使用此属性在一个周期中暂停动画。
| 默认值: | running |
|---|---|
| 继承性: | no |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.animationPlayState="paused" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
紧跟在 -webkit-, -moz- 或 -o- 前的数字为支持该前缀属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| 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- |
语法
animation-play-state: paused|running|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| paused | 指定暂停动画 | 亲自试一试 » |
| running | 默认值。指定正在运行的动画 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关页面
CSS 教程: CSS 动画
HTML DOM 参考手册: animationPlayState 属性
