CSS是前端開發中非常重要的一部分，其中圖片加濾鏡效果可以讓網頁更加美觀，本文將詳細介紹如何通過CSS實現圖片加濾鏡效果。

img {
filter: grayscale(100%);
}

以上代碼可以讓圖片變為黑白色，其中grayscale(100%)表示將圖片的亮度全部去除，使其變為灰度圖像。

img {
filter: blur(3px);
}

以上代碼可以讓圖片出現模糊效果，其中blur(3px)表示將圖片的像素模糊化，數值越大效果越明顯。

img {
filter: brightness(200%);
}

以上代碼可以讓圖片變得更亮，其中brightness(200%)表示將圖片的亮度增加200%。

img {
filter: contrast(200%);
}

以上代碼可以讓圖片對比度增強，其中contrast(200%)表示將圖片的對比度增加200%。

img {
filter: opacity(50%);
}

以上代碼可以讓圖片變得半透明，其中opacity(50%)表示將圖片的不透明度降低50%。

總之，CSS提供了許多對圖片的濾鏡效果，通過合理使用這些效果可以使網頁更加美觀，為用戶帶來更好的瀏覽體驗。