目录

CSS animation-play-state 属性


示例

暂停动画:

div {
  animation-play-state: paused;
}
亲自试一试 »

下面有更多 "亲自试一试" 示例。


定义和用法

这个animation-play-state属性指定动画是正在运行还是已暂停。

笔记:在 JavaScript 中使用此属性可在循环中间暂停动画。

默认值: 跑步
遗传:
可动画: 不。阅读可动画的
版本: CSS3
JavaScript 语法: 对象.style.animationPlayState="paused"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit-、-moz- 或 -o- 的数字指定使用前缀的第一个版本。

Property
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-


CSS 语法

animation-play-state: paused|running|initial|inherit;

属性值

Value Description Demo
paused Specifies that the animation is paused Play it »
running Default value. Specifies that the animation is running Play it »
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS 动画

HTML DOM 参考:AnimationPlayState 属性


更多示例

示例

悬停时暂停动画:

div:hover {
  animation-play-state: paused;
}
亲自试一试 »