鼠标悬停img图片放大

当鼠标悬停在图片上时，图片会放大。这是一种常见的效果，可以使用CSS和JavaScript来实现。您可以使用CSS的：hover伪类来选择鼠标悬停时的元素，并更改其样式。例如，您可以将图片的宽度和高度设置为原始大小的两倍，以使其放大。以下是一个示例代码：

<style>
.image-container {
  position: relative;
}

.image-container img {
  transition: transform 0.5s ease;
}

.image-container:hover img {
  transform: scale(2);
}
</style>

<div class="image-container">
  <img src="your-image-source.jpg" alt="Your Image">
</div>