閱讀(28.7k) 書(shū)簽贊(1) 我要糾錯(cuò)

CSS3 animation-play-state 屬性

2022-06-02 14:27 更新

定義和用法

animation-play-state ：設(shè)置是否運(yùn)行或暫停動(dòng)畫。

注釋：您可以在 JavaScript 中使用該屬性，這樣就能在播放過(guò)程中暫停動(dòng)畫。

默認(rèn)值：	running
繼承性：	no
版本：	CSS3
JavaScript 語(yǔ)法：	object.style.animationPlayState="paused"

animation-play-state: paused|running;

值	描述	測(cè)試
paused	動(dòng)畫已暫停。	測(cè)試
running	默認(rèn)值，動(dòng)畫正在運(yùn)行。	測(cè)試

暫停動(dòng)畫：

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 屬性。