CSS濾鏡是一種在網(wǎng)頁設(shè)計(jì)中非常有用的功能，可以使用它來添加各種視覺效果，如模糊、透明度、對(duì)比度等等。下面是目前CSS支持的濾鏡：

/* 模糊濾鏡 */
.blur {
filter: blur(5px);
}
/* 透明度濾鏡 */
.opacity {
filter: opacity(50%);
}
/* 對(duì)比度濾鏡 */
.contrast {
filter: contrast(200%);
}
/* 亮度濾鏡 */
.brightness {
filter: brightness(50%);
}
/* 色相旋轉(zhuǎn)濾鏡 */
.hue-rotate {
filter: hue-rotate(90deg);
}
/* 反轉(zhuǎn)顏色濾鏡 */
.invert {
filter: invert(100%);
}
/* 飽和度濾鏡 */
.saturate {
filter: saturate(200%);
}
/* 灰度濾鏡 */
.grayscale {
filter: grayscale(100%);
}
/* 混合模式濾鏡 */
.blend {
mix-blend-mode: multiply;
}

這些濾鏡可以使用在任何CSS屬性中，如background、border、text等等。此外，還可以結(jié)合使用多個(gè)濾鏡來得到更多效果。例如：

/* 模糊和飽和度 */
.blur-saturate {
filter: blur(3px) saturate(150%);
}
/* 色相旋轉(zhuǎn)和對(duì)比度 */
.hue-rotate-contrast {
filter: hue-rotate(90deg) contrast(200%);
}

總之，使用CSS濾鏡可以輕松地為網(wǎng)頁添加視覺效果，使網(wǎng)頁更美觀、生動(dòng)。