5.4 次數 animation-iteration-count

animation-iteration-count 說明

目前已學過 animation-name 及 animation-duration 。

然而在前面的例子當中，會發現動畫效果從 0% 跑到 100% 就執行完畢了。這就是執行一次的動畫效果。

可以透過 animation-iteration-count 來設定要執行幾次。

animation-iteration-count 常用的設定值

• 0：表示該動畫效果並不會執行。

• 正數整：表示該動畫效果的播放次數，例：2 即會播放兩次。(預設值是 1)

• infinite：表示該動畫效果會執行無限多次。

範例