dw图片随着鼠标移动

可以使用CSS中的`transform: translate()`属性来实现图片随着鼠标移动的效果。具体的实现方法如下：

1. 给要实现移动效果的图片添加一个类名，例如`move-image`。

2. 使用JavaScript监听鼠标移动事件，在事件处理函数中获取鼠标的坐标。

3. 计算出图片需要移动的距离，可以根据鼠标的坐标和图片的中心点坐标来计算。

4. 使用CSS的`transform: translate()`属性将图片移动到计算出的位置。

以下是一个简单的实现示例：

HTML代码：

<img src="your-image.jpg" class="move-image">

CSS代码：

.move-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

JavaScript代码：

const moveImage = document.querySelector('.move-image');

document.addEventListener('mousemove', e => {
  const mouseX = e.clientX;
  const mouseY = e.clientY;
  const imageCenterX = moveImage.offsetLeft + moveImage.offsetWidth / 2;
  const imageCenterY = moveImage.offsetTop + moveImage.offsetHeight / 2;
  const moveX = (mouseX - imageCenterX) / 20;
  const moveY = (mouseY - imageCenterY) / 20;
  moveImage.style.transform = `translate(${moveX}px, ${moveY}px)`;
});

这段代码会让图片跟随鼠标移动，距离鼠标的距离为鼠标到图片中心点的距离除以20，可以根据需要调整移动距离的比例。