CSS中的濾鏡可以使圖片變得更加炫酷，讓網頁更具有視覺效果，從而增強用戶的體驗。下面我們來介紹一下如何在CSS中為圖片添加濾鏡。

1.亮度調節：可以通過brightness(filter)屬性來改變圖片的亮度。filter的取值范圍是0~1，其中0是完全黑，1是原圖亮度。

img {
filter: brightness(0.5);
}

2.對比度調節：可以通過contrast(filter)屬性來改變圖片的對比度。filter的取值范圍是0~1，其中0是完全灰，1是原圖對比度。

img {
filter: contrast(0.5);
}

3.模糊效果：可以通過blur(filter)屬性來為圖片加上模糊效果。filter的取值范圍是0~10px，其中0是原圖，而10是高度模糊。

img {
filter: blur(5px);
}

4.飽和度調節：可以通過saturate(filter)屬性來改變圖片的飽和度。filter的取值范圍是0~1，其中0是完全無色，1是原圖飽和度。

img {
filter: saturate(0.5);
}

5.色調調節：可以通過hue-rotate(filter)屬性來改變圖片的色調。filter的取值范圍是0~360deg。

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

6.反轉效果：可以通過invert(filter)屬性來為圖片添加反轉效果。filter的取值范圍是0~1，其中0表示原圖，1表示完全反轉。

img {
filter: invert(1);
}

7.透明度調節：可以通過opacity(filter)屬性來改變圖片的透明度。filter的取值范圍是0~1，其中0是完全透明，1是不透明。

img {
filter: opacity(0.5);
}

總結：以上是CSS中為圖片添加濾鏡的七種方法，當然你可以綜合使用這些濾鏡來達到你想要的效果。