在web中，CSS濾鏡是一種廣泛使用的技術(shù)，它可以讓我們輕松地實(shí)現(xiàn)各種視覺效果，比如模糊、灰度、反轉(zhuǎn)顏色等。以下是一些常見的CSS濾鏡實(shí)例：

/* 模糊濾鏡 */
.blur {
filter: blur(5px);
}
/* 灰度濾鏡 */
.grayscale {
filter: grayscale(100%);
}
/* 反轉(zhuǎn)顏色濾鏡 */
.invert {
filter: invert(100%);
}
/* 飽和度濾鏡 */
.saturation {
filter: saturate(200%);
}
/* 透明度濾鏡 */
.opacity {
filter: opacity(50%);
}

你可以在CSS樣式表中通過類名或者標(biāo)簽名的方式來應(yīng)用這些濾鏡效果，如下所示：

/* 應(yīng)用模糊效果到圖片 */
img.blur {
filter: blur(5px);
}
/* 應(yīng)用灰度和模糊效果到圖片 */
img.grayscale.blur {
filter: grayscale(100%) blur(5px);
}
/* 應(yīng)用反轉(zhuǎn)顏色效果到整個(gè)頁面 */
html.invert {
filter: invert(100%);
}

需要注意的是，不是所有的瀏覽器都支持CSS濾鏡。如果你要使用濾鏡效果，建議先查看瀏覽器的兼容性，做好兼容性處理。