在CSS中，我們可以使用:hover 偽類來使圖片在鼠標懸停時產生特效。這是一種增強用戶交互體驗的方法。

img {
width: 200px;
height: 200px;
transition: all 0.5s ease-in-out;
}
img:hover {
transform: scale(1.2);
}

在上面的代碼中，我們使用CSS的transform屬性來實現放大特效。我們為圖片設置了寬度和高度，使其保持一致的大小。我們還設置了一個過渡動畫，使效果更加平滑。

當鼠標懸停在圖片上時，我們通過:hover 偽類來觸發transform 屬性，從而產生放大效果。使用:hover 偽類可以使我們在不使用JavaScript的情況下輕松實現動畫效果。

除了使用 transform 屬性，我們還可以使用 opacity 屬性來實現圖片的透明度變化，或使用 box-shadow 屬性來添加投影效果。

img {
opacity: 0.7;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
transition: all 0.5s ease-in-out;
}
img:hover {
opacity: 1;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
}

在這個例子中，我們使用 opacity 屬性實現鼠標懸停時淡入的效果，并使用 box-shadow 屬性添加了一些投影。當鼠標懸停在圖片上時，我們使用:hover 偽類來觸發變化，從而產生動態效果。

總之，使用:hover 偽類可以為你的網站增加一些看起來很酷的交互效果。你只需要使用一些簡單的CSS屬性，就可以輕松地實現動畫效果。