在CSS中,要使一个元素持续旋转,可以使用`animation`属性和`@keyframes`规则。以下是一个示例代码,展示了如何使一个元素每秒旋转360度:
```css
/* 定义一个名为 rotation 的动画 */
@keyframes rotation {
0% {
transform: rotate(0deg); /* 开始时旋转角度为0度 */
}
100% {
transform: rotate(360deg); /* 结束时旋转角度为360度 */
}
}
/* 为元素应用动画 */
.rotating-element {
animation-name: rotation; /* 使用刚才定义的动画 */
animation-duration: 1s; /* 动画持续时间为1秒 */
animation-iteration-count: infinite; /* 动画无限次循环 */
}
```
在这个示例中,`.rotating-element` 类应用了名为 `rotation` 的动画,该动画在1秒内完成一次360度的旋转,并且由于 `animation-iteration-count` 属性设置为 `infinite`,动画将无限次循环。
你可以将上述CSS代码添加到你的样式表中,并将 `.rotating-element` 类应用到任何需要旋转的元素上。这样,该元素就会每秒旋转一次。