css写一个四张图片鼠标悬停滚动放大效果

好的，下面是CSS代码，可以实现四张图片鼠标悬停滚动放大效果：

HTML代码：

<div class="image-wrapper">
  <img src="image1.jpg" alt="image1">
  <img src="image2.jpg" alt="image2">
  <img src="image3.jpg" alt="image3">
  <img src="image4.jpg" alt="image4">
</div>

CSS代码：

.image-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.image-wrapper img {
  width: 200px; /* 设置每张图片的宽度 */
  transition: transform 0.3s ease-in-out; /* 设置过渡效果 */
}

.image-wrapper img:hover {
  transform: scale(1.2); /* 鼠标悬停时将图片放大至原来的1.2倍 */
}

希望这段代码可以帮到你！