CSS濾鏡是一種非常有用且常用的CSS特性，它可以通過修改元素的外觀來改變其呈現效果。其中一種比較常見的濾鏡是將圖片變為灰色。

img {
filter: grayscale(100%);
}

通過設置濾鏡屬性的值為100%，我們可以將圖片完全變為黑白灰度。當然，我們可以根據需求調整濾鏡的程度來實現不同的效果。

實現圖片變灰還有一種方法，可以通過CSS3的混合模式來實現。具體代碼如下：

.img-gray {
mix-blend-mode: luminosity;
filter: brightness(0) saturate(100%);
}

以上代碼將圖片的混合模式設置為luminosity，同時通過brightness和saturate屬性將圖片的亮度和飽和度都設置為最低值，從而實現灰色效果。

總之，CSS濾鏡是實現各種圖片效果的非常強大工具，通過掌握其不同的屬性和方法，我們可以輕松實現各種想要的UI效果。