CSS 圖片黑白變彩色

img:hover{
　　filter: grayscale(0%);
}

毋庸置疑，圖片是我們網頁設計中不可或缺的元素。為了讓圖片更具美感，有時我們會加入一些特效，比如圖片黑白變彩色。

使用 CSS 實現這一效果非常簡單，只需要一個 filter 屬性即可。filter 屬性可以讓我們對元素進行一些濾鏡效果的設置。

要讓圖片變成黑白，只需要將 filter 屬性設置為 grayscale(100%)，這里的 100% 表示灰度程度為 100%。同理，如果要讓圖片變成彩色，只需要將灰度程度設置為 0% 即可。

以上的代碼就是實現圖片黑白變彩色的 CSS 代碼，當鼠標移上圖片時，就會把圖片從黑白變成彩色。

實現圖片黑白變彩色效果的 CSS 代碼這么簡單，卻能讓圖片看上去更加有生氣，讓我們的網站更加吸引人。