在CSS中,可以使用@keyframes规则来定义动画序列。在定义好动画序列之后,可以通过animation属性来使元素执行动画效果。
如果想让元素多次执行动画效果,可以设置animation-iteration-count属性的值为无限循环,即"infinite"。例如:
@keyframes myAnimation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
.element {
animation-name: myAnimation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
在上面的例子中,元素会执行一个名为myAnimation的动画序列,每次动画的持续时间为2秒,无限循环执行。关键词包括@keyframes、animation、animation-iteration-count等。