使用css让图片无限循环旋转360度

要使用CSS使图片无限循环旋转360度，您可以使用@keyframes规则来定义动画，并使用animation属性应用这个动画。以下是实现这个效果的CSS代码示例：




@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
 
.rotating-image {
  animation: rotate 5s linear infinite;
}

接下来，您需要将这个类rotating-image应用到您想要旋转的图片上。例如：




<img src="path/to/your/image.jpg" class="rotating-image" alt="Rotating Image">

这段代码将确保图片无限期地以每秒5秒的速度连续旋转360度。您可以根据需要调整动画的持续时间（这里是5秒）。

使用css让图片无限循环旋转360度

评论已关闭

推荐阅读