動畫效果在執行的時候,狀態是 running
,然而我們可以透過 animation-play-state
來設定暫停與播放的切換。
可設定的值:
running
:這是預設值。paused
:暫停。
例:
正方形變圓形,執行無限多次,點擊可暫停(paused
)及繼續執行(running
):
{% embed url="https://codepen.io/carlos411/pen/MWZYjOo" %}
動畫效果在執行的時候,狀態是 running
,然而我們可以透過 animation-play-state
來設定暫停與播放的切換。
可設定的值:
running
:這是預設值。paused
:暫停。例:
正方形變圓形,執行無限多次,點擊可暫停(paused
)及繼續執行(running
):
{% embed url="https://codepen.io/carlos411/pen/MWZYjOo" %}