css3旋转动画效果

可以使用CSS3中的transform属性和@keyframes规则来创建旋转动画效果。例如，以下代码将一个div元素旋转360度：

div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: rotate 2s linear infinite;
}

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

这段代码中，我们定义了一个名为rotate的动画，它从0度旋转到360度，持续时间为2秒，线性变化，并且无限循环播放。我们将这个动画应用于一个div元素，使其旋转起来。你可以根据自己的需求修改动画的属性值。