CSS animation-play-state 屬性

定義和用法

animation-play-state 屬性規定動畫正在運行還是暫停。

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

另請參閱：

CSS3 教程：CSS 動畫

HTML DOM 參考手冊：animationPlayState 屬性

實例

暫停動畫：

div
{
animation-play-state:paused;
}

親自試一試

CSS 語法

animation-play-state: paused|running;
值 描述 測試
paused 規定動畫已暫停。 測試
running 規定動畫正在播放。 測試

技術細節

默認值： running
繼承性： no
版本： CSS3
JavaScript 語法： object.style.animationPlayState="paused"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -webkit-、-moz- 或 -o- 的數字表示使用前綴的首個版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-