CSS濾鏡的作用是為HTML元素添加各種效果，如模糊、顏色飽和度、亮度、對(duì)比度和色調(diào)等。CSS濾鏡可以通過在樣式表中添加filter屬性來(lái)實(shí)現(xiàn)。下面是幾種常用的濾鏡代碼：

/* 模糊 */
.blur {
filter: blur(5px);
}

上面的代碼為元素添加了5像素的模糊效果。

/* 飽和度 */
.saturate {
filter: saturate(2);
}

上面的代碼為元素的顏色飽和度增加了兩倍。

/* 亮度 */
.brightness {
filter: brightness(1.5);
}

上面的代碼為元素的亮度增加了50%。

/* 對(duì)比度 */
.contrast {
filter: contrast(200%);
}

上面的代碼為元素的對(duì)比度增加了兩倍。

/* 色調(diào) */
.sepia {
filter: sepia(100%);
}

上面的代碼為元素添加了100%的色調(diào)效果。

以上是幾種常見的CSS濾鏡，它們可以為網(wǎng)頁(yè)帶來(lái)更加生動(dòng)的視覺效果，讓網(wǎng)頁(yè)更加立體、豐富。當(dāng)然，CSS濾鏡還有其他的參數(shù)和效果，有興趣的讀者可以查閱更多的相關(guān)資料。