阅读(28.5k) 书签赞(1) 我要纠错

CSS3 animation-play-state 属性

2022-06-02 14:27 更新

定义和用法

animation-play-state ：设置是否运行或暂停动画。

注释：您可以在 JavaScript 中使用该属性，这样就能在播放过程中暂停动画。

默认值：	running
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.animationPlayState="paused"

animation-play-state: paused|running;

值	描述	测试
paused	动画已暂停。	测试
running	默认值，动画正在运行。	测试

暂停动画：

div
{
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari 和 Chrome */
}

尝试一下 »

属性
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-

Internet Explorer 10、Firefox 以及 Opera 支持 animation-play-state 属性。

Safari 和 Chrome 支持替代的 -webkit-animation-play-state 属性。

注释：Internet Explorer 9 以及更早的版本不支持 animation-play-state 属性。