CSS3是一項使我們的網頁更加豐富和生動的技術。其中一個特性是允許我們對圖片應用不同的效果，例如：圖片變成灰色再變成彩色。

/* 將圖片變灰 */
img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
/* 將灰色圖片變回原色 */
img:hover {
filter: none;
-webkit-filter: none;
}

上面的代碼塊演示了如何將圖片變成灰色并在鼠標懸浮時變成彩色。首先，我們使用filter屬性和grayscale()函數將圖片變成灰色。同時，為了支持多個瀏覽器，我們使用-webkit-filter前綴來兼容Safari和Chrome瀏覽器。接著，我們為img添加:hover偽類來撤銷灰色效果，并將filter和-webkit-filter屬性設置為“none”。

這個特性對于網站設計師來說非常有用，可以充分利用CSS3來創造更多樣化的圖片風格。看到這個灰變彩的效果，你有沒有感興趣去親自實踐一下呢？