CSS濾鏡功能可以讓你通過一些簡單的代碼，為圖片添加視覺特效，比如讓圖片半透明。這些特效可以通過幾行代碼輕松添加到網站上，提高網站的可視性和吸引力。

.img{
filter: alpha(opacity=50); /* 兼容老版本IE瀏覽器 */
opacity: 0.5; /* 支持現代瀏覽器 */
}

上面的代碼對一個類名為img的圖片添加了50%的半透明效果。其中，filter屬性表示對元素進行一些濾鏡處理，opacity屬性表示元素的不透明度，值在0-1之間。

需要注意的是，filter是IE的私有屬性，其他瀏覽器的濾鏡效果需要使用-webkit-filter（Safari和Chrome）和-moz-filter（Firefox）。

.img{
-webkit-filter: opacity(0.5);
-moz-filter: opacity(0.5);
filter: alpha(opacity=50);
opacity: 0.5;
}

除了半透明，CSS濾鏡還可以用于添加其他類型的效果，如模糊、顏色變換、陰影、邊框和反轉等。它們都可以通過CSS濾鏡的簡潔語法實現，使網站具有更多的創意和動感。

總之，CSS濾鏡是一種簡單、易用、實用的前端技術，為網頁添加更多的視覺元素和效果，提升用戶體驗和網站質量。