Skip to content

Latest commit

 

History

History
19 lines (9 loc) · 470 Bytes

8.8-animation-play-state.md

File metadata and controls

19 lines (9 loc) · 470 Bytes

7.8 animation-play-state

animation-play-state 說明

動畫效果在執行的時候,狀態是 running,然而我們可以透過 animation-play-state 來設定暫停與播放的切換。

可設定的值:

  • running:這是預設值。
  • paused:暫停。

例:

正方形變圓形,執行無限多次,點擊可暫停(paused)及繼續執行(running):

{% embed url="https://codepen.io/carlos411/pen/MWZYjOo" %}