CSS3的灰度濾鏡是一個非常有用的特性。它可以將彩色圖片轉換為黑白圖像，或者是將圖片的色調降低。這個效果可以通過 CSS3 中的 filter 屬性來實現。

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

上面的代碼可以將圖片轉換為黑白圖像。關鍵在于 grayscale 函數中的參數，它可以設置轉換后圖片的灰度值。在這個例子中，我們設置了 100% 的灰度值，所以圖片全部轉換為了灰色。如果你想讓圖片轉換得更淺，可以將參數值設為更小的數值。

除了將圖片轉換為黑白圖像外，灰度濾鏡還有另外一個有用的功能：調整圖片的色調。假設你有一張鮮艷的圖片，但你想讓它看起來更加柔和、淡雅一些，就可以使用灰度濾鏡將其變為“深色模式”。

.filter-sepia {
filter: sepia(100%);
}

sepia 函數中的參數同樣控制灰度值，但與 grayscale 不同的是，它會向圖像添加一層深棕色的色調。在這個例子中，我們將圖片給“染成了”橙褐色。同樣地，如果你將參數設為較小的數值，色彩會相應地減弱。

總的來說，CSS3 中的灰度濾鏡具有非常強大的應用價值。無論是將圖片轉換為黑白圖像還是調整圖片的色彩，都可以通過 filter 屬性輕松地實現。