css 如何使动画循环
时间: 2023-08-25 16:05:42 浏览: 121
css实现动画
可以使用CSS中的animation-iteration-count属性来设置动画循环次数。默认值为1,可以设置为无限循环,即使用关键字"infinite"。例如:
```css
.animation {
animation-name: myAnimation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes myAnimation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
```
上面的代码将会使元素无限旋转。
阅读全文