鼠标滚轮触发图片自动旋转

要实现鼠标滚轮触发图片自动旋转，可以按照以下步骤：

1. 在 HTML 文件中添加一个容器元素，用于显示图片，如下所示：

<div id="image-container">
  <img src="path/to/image.jpg" alt="Image" />
</div>

2. 在 CSS 文件中设置容器元素的样式，使其具有相对定位和透视效果，如下所示：

#image-container {
  position: relative;
  perspective: 1000px;
}

3. 使用 JavaScript 获取容器元素和图片元素，并设置图片元素的初始旋转角度，如下所示：

var container = document.getElementById('image-container');
var image = container.getElementsByTagName('img')[0];
var angle = 0;

image.style.transform = 'rotateY(' + angle + 'deg)';

4. 添加鼠标滚轮事件监听器，当滚轮滚动时更新图片元素的旋转角度，如下所示：

container.addEventListener('wheel', function(event) {
  angle += event.deltaY;

  image.style.transform = 'rotateY(' + angle + 'deg)';
});

这样，当用户滚动鼠标滚轮时，图片就会自动旋转。你可以根据需要调整旋转角度的增量和容器元素的样式。