CSS3是一種非常強大的網頁設計語言，它不僅能夠實現豐富的網頁效果，還可以給圖片添加各種濾鏡效果。下面我們來看一下如何使用CSS3給圖片加濾鏡。

img {
filter: blur(5px); /* 給圖片添加模糊濾鏡效果 */
}
img {
filter: brightness(50%); /* 給圖片添加亮度濾鏡效果 */
}
img {
filter: contrast(200%); /* 給圖片添加對比度濾鏡效果 */
}
img {
filter: grayscale(100%); /* 給圖片添加灰度濾鏡效果 */
}
img {
filter: hue-rotate(180deg); /* 給圖片添加色相旋轉濾鏡效果 */
}
img {
filter: invert(100%); /* 給圖片添加反色濾鏡效果 */
}
img {
filter: opacity(50%); /* 給圖片添加透明度濾鏡效果 */
}
img {
filter: saturate(200%); /* 給圖片添加飽和度濾鏡效果 */
}
img {
filter: sepia(100%); /* 給圖片添加深棕色濾鏡效果 */
}

通過給圖片添加不同的濾鏡效果，我們可以實現各種視覺上的變化。注意，CSS3濾鏡效果并不支持低版本的瀏覽器，需要注意兼容性問題。