css只有在鼠标经过时图片放大

好的，如果要实现鼠标经过时图片放大，离开时恢复原状的效果，可以使用CSS3中的过渡（transition）属性，代码如下：

.zoom-effect {
  transition: transform 0.5s; /* 添加过渡效果，持续时间为0.5秒 */
}

.zoom-effect:hover {
  transform: scale(1.1); /* 鼠标经过时将元素放大到原来的1.1倍 */
}

这段代码中，我们在 .zoom-effect 类中添加了过渡效果，当元素属性变化时，会以0.5秒的时间平滑地过渡到新状态。然后，我们在:hover选择器中添加了transform属性，当鼠标经过时，元素会被放大到原来的1.1倍。当鼠标离开时，元素会自动恢复到原来的大小，因为我们没有给离开状态添加任何transform属性。