怎样在鼠标悬停时创建一个CSS背景图像的缩小效果？

你可以使用CSS的:hover伪类和transform属性来实现鼠标悬停时的背景图像缩小效果。下面是一个示例代码：

HTML代码：

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

CSS代码：

.image-container {
  position: relative;
  width: 200px;
  height: 200px;
}

.image {
  width: 100%;
  height: 100%;
  background-image: url('your_image_url');
  background-size: cover;
  transition: transform 0.3s ease;
}

.image:hover {
  transform: scale(0.9);
}

在这个示例中，你可以将你自己的图像URL替换为'your_image_url'。当鼠标悬停在.image元素上时，它的transform属性将被设置为scale(0.9)，从而使图像缩小为原始大小的90%。你可以根据需要调整缩放比例和过渡效果的时间。

希望这可以帮助到你！