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 即可。