css实现旋转动画

可以使用CSS3的`@keyframes`规则和`transform`属性来实现旋转动画。

首先，使用`@keyframes`规则定义旋转的关键帧：

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

这里定义了从0度开始旋转到360度结束的动画。

然后，在需要应用动画的元素上使用`animation`属性来指定动画名称、持续时间、动画播放方式等参数：

.element {
  animation: rotate 2s linear infinite;
}

这里指定了动画名称为`rotate`，持续时间为2秒，动画播放方式为线性，无限循环播放。

完整的CSS代码如下：

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.element {
  animation: rotate 2s linear infinite;
}

注意，这里的`.element`是指需要应用动画的元素的类名，需要根据实际情况进行修改。