CSS3是一種新的CSS標準，它可以用來創建許多互動式的特效和動畫效果。其中一個非常有用的功能就是圖片濾鏡效果。我們可以使用CSS3的濾鏡功能輕松地為圖片添加不同的濾鏡效果，例如模糊、灰度、反色等等。

img {
filter: blur(5px); /*模糊效果*/
}
img {
filter: grayscale(100%); /*灰度效果*/
}
img {
filter: invert(100%); /*反色效果*/
}

除了這些基本的濾鏡效果之外，還有一些更為復雜的效果，例如色彩反轉、飽和度調節等等。

img {
filter: hue-rotate(90deg); /*色相旋轉90度*/
}
img {
filter: saturate(200%); /*飽和度增加200%*/
}
img {
filter: opacity(50%); /*透明度降低50%*/
}
img {
filter: drop-shadow(10px 10px 5px #888); /*添加陰影效果*/
}

以上是一些常見的CSS3圖片濾鏡效果，當然還有很多其他的效果可以使用。但需要注意的是，圖片濾鏡效果并不被所有的瀏覽器都支持，某些舊版的瀏覽器可能無法顯示濾鏡效果。因此，在使用濾鏡效果時，需要通過測試確保效果能夠在多種瀏覽器上正常顯示。