CSS中的濾鏡可以為元素添加各種視覺效果，例如模糊、顏色變化、陰影等等。下面我們來看一下如何為元素設置濾鏡。

/* 灰度濾鏡 */
.filter {
filter: grayscale(100%);
}
/* 模糊濾鏡 */
.filter {
filter: blur(5px);
}
/* 飽和度濾鏡 */
.filter {
filter: saturate(200%);
}
/* 深度濾鏡 */
.filter {
filter: drop-shadow(10px 10px 5px #888);
}

通過上述代碼，我們可以看到可以為元素添加四種不同的濾鏡效果。其中，灰度濾鏡使元素變為黑白效果，模糊濾鏡可以實現模糊的視覺效果，飽和度濾鏡可以讓加強元素的顏色飽和度，而深度濾鏡則可以為元素添加陰影效果。

除了以上四種濾鏡，CSS還支持更多的濾鏡效果，您可以根據需要為元素進行自定義的濾鏡設計，進一步豐富您的頁面視覺效果。