当您将鼠标悬停在其上时，图像会发生旋转

<div id="image-container"></div>

#image-container {
  width: 200px;
  height: 200px;
  background-image: url("your-image.jpg");
  background-size: cover;
  transition: transform 0.5s; /* 添加过渡效果，使旋转更平滑 */
}

var imageContainer = document.getElementById("image-container");
imageContainer.addEventListener("mouseover", function() {
  imageContainer.style.transform = "rotate(360deg)";
});

imageContainer.addEventListener("mouseout", function() {
  imageContainer.style.transform = "rotate(0deg)";
});