CSS3中的filter濾鏡將圖像或HTML元素進行處理，以實現一系列效果。通過在樣式表中使用filter屬性，可以實現模糊、顏色偏移、對比度、亮度、透明度等一系列效果。

filter: blur(5px);
filter: grayscale(50%);
filter: sepia(100%);
filter: brightness(200%);
filter: contrast(150%);
filter: opacity(50%);

使用blur函數可以對元素進行模糊處理，可以用于創建高斯模糊效果，并且可以通過調整像素值來設置模糊半徑。grayscale可以將圖像轉換為灰度圖像。sepia函數可以用于創建復古風格的圖片。brightness函數可以調整元素的亮度，可以將元素的亮度降低或提高。contrast函數可以調整元素的對比度，可以讓圖像更加鮮明。opacity函數可以實現漸變的透明效果。

filter: hue-rotate(90deg);
filter: saturate(200%);
filter: invert(100%);
filter: drop-shadow(10px 10px 5px #888);
filter: grayscale(1) hue-rotate(30deg);

還可以通過對多個濾鏡進行組合，實現更加復雜的效果，例如可以使用hue-rotate函數實現圖片的色相旋轉，saturate函數可以調整元素的飽和度，invert函數可以將元素的顏色進行反轉。drop-shadow函數可以在元素周圍創建一層陰影，可以設置陰影的水平距離、垂直距離、模糊半徑和顏色。在下面的例子中，使用grayscale和hue-rotate函數實現了復古的灰度效果。

通過對filter濾鏡的使用，可以讓網頁更加生動有趣，增強用戶的體驗感受。