8.4 animation-iteration-count

animation-iteration-count 說明

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

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

animation-iteration-count 常用的設定值

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

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

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

例：