CSS可以輕松實現鼠標經過圖的效果。例如，當你將鼠標放在圖像上時，可以使圖像呈現出淺色或變暗的效果，以便更好地區分鼠標活動。接下來，我們將介紹如何使用CSS創建這種簡單的效果。

img:hover {
opacity: 0.8;
}

在上面的代碼中，我們使用CSS的“:hover”偽類，選擇當鼠標經過圖像時應用什么樣式。在這種情況下，我們降低了圖像的不透明度，使其看起來更暗淡。你可以通過更改“opacity”值來控制圖像變暗的程度。

如果你想實現的是鼠標經過時圖像變亮的效果，可以通過以下代碼實現：

img:hover {
opacity: 1;
}

與之前的代碼相比，唯一的變化是將“opacity”值更改為1，使圖像完全不透明。

你還可以使用CSS的其他屬性來實現鼠標經過圖的效果。例如，“filter”屬性允許你修改圖像的顏色、模糊度等等。

img:hover {
filter: brightness(120%);
}

在上面的代碼中，我們使用“brightness”函數將圖像的亮度增加了20%。你可以通過更改數值來修改顏色或其他屬性。

總之，CSS提供了多種方法來實現鼠標經過圖的效果，使你的網頁內容更加動態、生動。你可以根據自己的喜好和需要，在CSS中選擇最適合你的方法來創建跟多有趣的效果。