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可以輕松實現鼠標經過圖片變大的效果，只需要幾行代碼就可以完成。大家可以根據自己的需要進行調整和改進，讓網站更具有交互性和吸引力。