回播属性的默认值是 “normal”,表示动画将只播放一次。如果设置为 “alternate”,则动画将反复播放。例如:
.my-element { animation: my-animation 2s linear alternate; }
在上面的代码中,动画名称为 “my-animation”,它将在 2 秒内线性地播放。”alternate” 属性会让元素反复运动。
此外,大家还可以设置 “animation-iteration-count” 属性来控制动画播放的次数。例如:
.my-element { animation: my-animation 2s linear alternate; animation-iteration-count: 5; }
上面的代码将使动画只播放 5 次。
回播在 Web 开发中的运用非常广泛,通过巧妙地运用该属性,大家可以实现各种酷炫的动画效果。