css动画持续旋转 |css让div向左移动

.rotate {
animation: rotating 2s linear infinite;
/*设置动画名称、执行时间、动画曲线、以及动画次数*/
}
@keyframes rotating {
from {
transform: rotate(0deg);
}/*起始状态为0度*/
to {
transform: rotate(360deg);
}/*结束状态为360度*/
}

代码中，先设置一个类名为.rotate的元素，设定它的动画属性。其中，animation属性指定了动画名称、执行时间、动画曲线以及动画次数。接着，通过@keyframes来定义动画的具体细节，其中from指定动画的起始状态，to指定动画的结束状态。在旋转动画中，起始状态为0度，结束状态为360度。

在实际应用中，将.rotate类名添加到需要实现持续旋转效果的元素中即可实现该效果。