/* 具体语法 */ animation-iteration-count: number|infinite|initial|inherit; /* 示例 */ div { animation-name: rotate; animation-iteration-count: 3; animation-duration: 1s; }
其中,animation-iteration-count属性使用数字、关键字或全局值来定义动画的次数。如果大家只想让动画执行一次,可以使用数字1。如果要重复执行动画,可以使用数字2、3等,表示执行的次数。如果大家不想限制动画次数,可以使用关键字infinite。此外,大家还可以使用initial或inherit来指定动画次数的初始或继承值。
对于循环动画或无限循环动画,大家应该尽量避免使用大量的动画和过多的动画次数,以避免页面性能的问题。如果需要实现无限循环动画,请确保动画动作简单,并尽可能减少动画元素的数量。