CSS3濾鏡功能提供了許多有趣的效果和特效。其中，灰色是一種常用的效果，可以將原本鮮艷的顏色變成灰色調，制造出一種文藝、淡雅的效果。具體的代碼如下：

.gray{
filter: grayscale(100%);
}

在上面的代碼中，我們首先要創(chuàng)建一個類名為“gray”的class樣式，然后在其中添加一個濾鏡的效果，即“grayscale(100%)”。

這里的“grayscale”指的是灰度濾鏡，而括號中的“100%”則是濾鏡的程度。當我們將程度設置為100%時，即表示將整個圖片變成灰色。

若要在圖片中應用這種灰化的效果，只需在img標簽中加入剛剛創(chuàng)建的class名即可。

<img src="example.jpg" class="gray">

最后得到的效果如下：

可以看到，原本鮮艷的顏色變成了灰色調，整體的效果更具有淡雅的氛圍，方法簡單，效果卻非常實用。