CSS可以實現(xiàn)許多有趣的效果，其中一個是將圖片變灰。下面是實現(xiàn)這一效果的方法。

img {
filter: grayscale(100%);
/* 當(dāng)鼠標(biāo)懸停在圖片上時，恢復(fù)原來的顏色 */
transition: all .3s ease-in-out;
}
img:hover {
filter: grayscale(0%);
}

代碼中使用了CSS3中的濾鏡filter，grayscale代表將圖片變?yōu)榛疑?00%代表完全變?yōu)榛疑Ｍ瑫r，設(shè)置了過渡效果，使鼠標(biāo)懸停在圖片上時能夠恢復(fù)原來的顏色。

使用這一技巧可以在網(wǎng)站設(shè)計中制造出較為獨特的效果，提高用戶體驗和網(wǎng)站美感。