CSS中有一个很实用的技巧，即当鼠标经过图片时，可以让图片变大，以及其他一些效果，让网站更加生动有趣。下面我们就来学习一下如何实现这个效果。

img:hover {
transform: scale(1.2);
}

上面这段代码就是实现图片变大的核心代码了，我们使用:hover伪类来定义鼠标移动到图片上的操作，然后使用transform属性来进行缩放操作，这里的1.2表示图片变大的倍数，可以根据需求自己调整。

除了缩放外，如果想要有其他的效果，可以使用其他的transform属性，比如旋转、平移等。同时，还可以使用transition属性来实现缓慢变换效果，代码如下：

img {
transition: transform 0.5s ease-out;
}
img:hover {
transform: scale(1.2) rotate(20deg);
}

上面这段代码实现了图片在鼠标经过时旋转20度并变大1.2倍，并且使用了0.5秒渐变效果，让变化看起来更加自然，这种效果在视觉上也更加舒适。

总之，使用CSS可以轻松实现鼠标经过图片变大的效果，只需要几行代码就可以完成。大家可以根据自己的需要进行调整和改进，让网站更具有交互性和吸引力。