css3无限次旋转标签

CSS3是一个强大的前端技术，可以为我们提供一些很棒的效果。其中，无限次旋转标签是一种非常优秀的特效。它可以让页面上的某些元素不断旋转，给人一种很炫酷的感觉。

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

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

上面的代码是一个典型的CSS3无限次旋转标签的实现方式。我们首先为需要旋转的元素添加.rotate类，然后使用动画效果让它不断旋转。

在CSS3中，通过@keyframes关键字定义动画效果。代码中，我们定义了一个rotate动画，它从0度开始旋转，旋转到360度结束。我们还指定了这个动画的循环时间为2s，并使用linear让它线性旋转。

这样，我们就成功地实现了CSS3无限次旋转标签。只需要将.rotate类应用到你的HTML标签中，页面上的元素就会一直不断地漂浮。