> For the complete documentation index, see [llms.txt](https://docs.webmix.cc/responsive-web-design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webmix.cc/responsive-web-design/8-animation-dong-hua-xiao-guo/8.8-animation-play-state.md).

# 8.8 animation-play-state

## animation-play-state 說明

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

可設定的值：

* **`running`**：這是預設值。
* **`paused`**：暫停。

例：

正方形變圓形，執行無限多次，點擊可暫停(**`paused`**)及繼續執行(**`running`**)：

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