css3旋转360循环旋转

CSS3是一种用于网页排版的标准，它有很多强大的特性，如旋转、缩放、动画等功能。其中旋转是CSS3中的一项重要特性，它可以让元素在页面中自由旋转。

在CSS3中，旋转属性可以通过transform来实现。transform属性可以实现元素的旋转、移动、缩放等变换，下面是一个旋转360度的示例代码：

.rotate {
  animation:spin 2s linear infinite;
  -webkit-animation:spin 2s linear infinite;
}
@keyframes spin {
  100% { transform:rotate(360deg); }
}
@-webkit-keyframes spin {
  100% { -webkit-transform:rotate(360deg); }
}

上述代码中，通过animation实现了动画效果，其中的spin就是动画名称，2s表示动画的持续时间，linear表示动画的速度，infinite表示动画循环播放。其中的-webkit-animation是为了在不同的浏览器中都能够兼容。

通过上述代码，可以将html元素轻松地实现360度旋转效果。

总之，CSS3中的旋转属性可以让页面更加生动有趣，同时还可以通过动画效果让页面更加优美，是网页制作中不可缺少的一部分。