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

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

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

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

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