鼠标悬停，div滑动

如果你想在鼠标悬停时使一个<div>元素滑动，你可以使用CSS中的transition属性和transform属性来实现。

下面是一个示例，展示了如何在鼠标悬停时使<div>元素向右滑动：

HTML结构：

<div class="box">
  Hover Me!
</div>

CSS样式：

.box {
  width: 200px;
  height: 200px;
  background-color: blue;
  color: white;
  text-align: center;
  line-height: 200px;
  transition: transform 0.3s ease;
}

.box:hover {
  transform: translateX(50px);
}

在上述示例中，当鼠标悬停在具有.box类的<div>元素上时，使用transform属性将元素向右平移50像素。通过设置transition属性，过渡效果将在0.3秒内以平滑的方式发生。

你可以根据需要自定义滑动距离和速度，调整translateX()函数中的像素值和transition属性的持续时间。