CSS3中的濾鏡功能可以為網(wǎng)頁元素添加各種視覺***，提升用戶體驗，以下是一些常見的CSS3濾鏡用法：

1、灰度濾鏡：將圖片轉(zhuǎn)換為灰度圖像。

img {
  filter: grayscale(100%);
}

2、對比度濾鏡：增加或減少圖片的對比度。

img {
  filter: contrast(200%);
}

3、亮度濾鏡：調(diào)整圖片的亮度。

img {
  filter: brightness(50%);
}

4、飽和度濾鏡：調(diào)整圖片的顏色飽和度。

img {
  filter: saturate(50%);
}

5、色調(diào)濾鏡：調(diào)整圖片的整體色調(diào)。

img {
  filter: hue-rotate(30deg);
}

6、反轉(zhuǎn)濾鏡：將圖片的顏色反轉(zhuǎn)。

img {
  filter: invert(100%);
}

7、模糊濾鏡：對圖片進行模糊處理。

img {
  filter: blur(5px);
}

8、陰影濾鏡：為圖片添加陰影效果。

img {
  filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.5));
}

這些濾鏡可以組合使用，創(chuàng)造出豐富的視覺效果，它們也可以幫助設(shè)計師更好地控制網(wǎng)頁元素的外觀，提升用戶體驗。