CSS 是一種用來修飾 HTML 網頁樣式的語言，常常被用來控制網頁的顏色、字體、布局等。在實際開發中，我們經常需要通過 CSS 來改變一些鼠標經過時的效果，如改變文字的顏色、背景顏色或者圖片。今天，我們就來討論一下如何通過 CSS 來實現鼠標經過時改變圖片的效果。

img:hover {
opacity: 0.5;
}

以上代碼實現的是鼠標經過某個圖片時，使圖片透明度變為 0.5 的效果。這是通過使用偽類 :hover 來實現的。偽類是 CSS 中用來選擇元素的特殊關鍵字，用它們可以選擇非常具有特定狀態的元素。在本文中，我們使用偽類 :hover 來選擇鼠標經過圖片時的狀態。

通過改變透明度來實現鼠標經過時改變圖片的效果只是其中之一。除此之外，還可以通過改變圖片的大小、位置、旋轉角度等方式來實現更加有趣的效果。比如說，我們可以使用下面的代碼來實現鼠標經過時對圖片進行順時針旋轉的效果。

img:hover {
transform: rotate(20deg);
}

上面代碼中的 transform 屬性是 CSS3 中用來對元素進行 2D 或者 3D 變換的一個屬性，它可以實現很多有趣的效果。在本例中，我們使用 rotate 函數將圖片進行了順時針旋轉了 20 度。

總之，通過 CSS 來實現鼠標經過時改變圖片的效果是一種非常方便和實用的方法。除了上面介紹的透明度和旋轉效果之外，還有很多其他的方式可以用來實現同樣的效果，可以根據實際需求來選擇。希望這篇文章能夠幫助到大家。