在CSS中，我們可以使用偽類(lèi):hover來(lái)實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片時(shí)圖片顏色變化的效果，以下是一個(gè)簡(jiǎn)單的示例，展示如何將圖片在鼠標(biāo)經(jīng)過(guò)時(shí)變?yōu)榘咨?/p>

HTML代碼：

<img class="image" src="path_to_your_image.jpg" alt="Your Image">

CSS代碼：

.image {
    filter: grayscale(100%); /* 將圖片轉(zhuǎn)換為灰度 */
    transition: filter 0.3s ease; /* 添加過(guò)渡效果 */
}
.image:hover {
    filter: grayscale(0%); /* 鼠標(biāo)經(jīng)過(guò)時(shí)恢復(fù)圖片顏色 */
}

在這個(gè)示例中，圖片默認(rèn)是灰度模式，當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)，圖片會(huì)恢復(fù)為原來(lái)的顏色。filter屬性用于轉(zhuǎn)換圖片顏色，transition屬性用于添加過(guò)渡效果，使得圖片顏色變化更加平滑。

你可以根據(jù)需要調(diào)整filter屬性的值來(lái)控制圖片的灰度程度，以及調(diào)整transition屬性的值來(lái)控制過(guò)渡效果的速度，你也可以使用其他CSS屬性來(lái)進(jìn)一步定制圖片的外觀和樣式。