使用css让图片无限循环旋转360度
warning:
这篇文章距离上次修改已过443天，其中的内容可能已经有所变动。
要使用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秒）。
评论已关闭