请写一个html自动旋转360°图片无限旋转一圈的代码
以下是一个简单的HTML代码,可以实现自动旋转360°图片无限旋转一圈:
<!DOCTYPE html>
<html>
<head>
<title>自动旋转360°图片无限旋转一圈</title>
<style>
.rotate {
animation: spin 2s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<img class="rotate" src="your-image-url.jpg" alt="Your Image">
</body>
</html>
在上面的代码中,我们使用了CSS动画来实现旋转。通过定义一个名为“spin”的动画,并将其应用于“rotate”类的图像元素上,我们可以使图像自动旋转360度,并且无限循环旋转。您只需要替换“your-image-url.jpg”为您自己的图像URL即可
原文地址: https://www.cveoy.top/t/topic/hmWU 著作权归作者所有。请勿转载和采集!