CSS濾波是指使用一些特殊的CSS屬性和函數(shù)來修改頁面中的顏色、模糊度和透明度等等，從而得到更加細(xì)膩、富有層次感的效果。下面就來介紹一下常見的CSS濾波屬性和函數(shù)：

/* 高斯模糊 */
filter: blur(5px);
/* 倍增亮度 */
filter: brightness(200%);
/* 對(duì)比度 */
filter: contrast(200%);
/* 灰度 */
filter: grayscale(50%);
/* 色相旋轉(zhuǎn) */
filter: hue-rotate(90deg);
/* 反色 */
filter: invert(100%);
/* 透明度 */
filter: opacity(50%);
/* 鮮艷度 */
filter: saturate(200%);
/* 飽和度 */
filter: sepia(50%);

這些屬性和函數(shù)中，最常用的就是高斯模糊了。通過給元素添加blur函數(shù)，可以使元素變得模糊起來。blur函數(shù)的值越大，元素就越模糊。這種效果通常用在模糊背景或圖像上，以使前景元素更加突出。

對(duì)比度屬性可以使圖像的明暗對(duì)比度更加強(qiáng)烈。增加對(duì)比度有時(shí)可以讓元素看起來更加鮮艷，而降低對(duì)比度則可以讓圖像變得柔和。相應(yīng)的函數(shù)是contrast()。

元素的亮度可以通過brightness()函數(shù)來調(diào)整。此函數(shù)的值為百分比，越大則元素越亮，反之，則越暗。

grayscale()函數(shù)可以將元素變成灰色，而hue-rotate()函數(shù)則可以改變圖像的顏色。這種效果常常用于裝飾性的元素上，例如濾鏡、圖標(biāo)和圖表。

濾波屬性和函數(shù)還有很多，感興趣的朋友可以通過W3C的CSS濾波3規(guī)范了解更多。不過需要注意的是，在使用濾波函數(shù)時(shí)需要使用較新的瀏覽器才能顯示效果，所以在編寫CSS代碼時(shí)要注意篩選瀏覽器版本。