css实现鼠标经过图片放大事件

可以使用CSS的:hover伪类和transform属性来实现鼠标经过图片放大事件。具体实现代码如下：

HTML代码：

<div class="image-container">
  <img src="your-image-url" alt="your-image-description">
</div>

CSS代码：

.image-container {
  overflow: hidden;
  width: 200px; /* 图片容器的宽度 */
  height: 200px; /* 图片容器的高度 */
}

.image-container img {
  transition: transform 0.3s ease-in-out; /* 图片变换的过渡效果 */
}

.image-container:hover img {
  transform: scale(1.2); /* 鼠标经过时图片放大的效果 */
}