CSS 3 濾鏡是一種用于圖像處理的功能，它允許開發者通過 CSS 來實現類似 Photoshop 中濾鏡的效果。CSS 3 濾鏡使得開發者可以改變圖像的顏色、飽和度、亮度等特性，從而達到更豐富的視覺效果。

/* 以下是一個 CSS 3 濾鏡的示例 */
img {
filter: grayscale(80%);
}
/* 上面的代碼將使得一個圖片變為灰色 */

通過 CSS 3 濾鏡，還可以實現一些其他的效果，下面我們來看一些常用的濾鏡及其使用方法。

/* 模糊濾鏡 */
img {
filter: blur(5px);
}
/* 上面的代碼將使得一個圖片變為模糊的效果 */
/* 對比度濾鏡 */
img {
filter: contrast(200%);
}
/* 上面的代碼將使得一個圖片的對比度提高到原來的兩倍 */
/* 透明度濾鏡 */
img {
filter: opacity(50%);
}
/* 上面的代碼將使得一個圖片的透明度變為 50% */
/* 飽和度濾鏡 */
img {
filter: saturate(200%);
}
/* 上面的代碼將使得一個圖片的飽和度提高到原來的兩倍 */
/* 反色濾鏡 */
img {
filter: invert(100%);
}
/* 上面的代碼將使得一個圖片呈現反色的效果 */
/* 顏色濾鏡 */
img {
filter: hue-rotate(90deg);
}
/* 上面的代碼將使得一個圖片的色相發生 90 度的變化 */
/* 多重濾鏡 */
img {
filter: grayscale(80%) blur(5px) opacity(50%);
}
/* 上面的代碼將使得一個圖片同時應用灰度、模糊、透明度三個濾鏡 */

總之，CSS 3 濾鏡為我們提供了一種可用于圖像處理的便捷方法，我們可以通過它來實現更好的頁面效果。