以往要讓影像具有各種特效，你必須藉由影像處理軟體的輔助，現在 CSS 的 filter 屬性可以直接在瀏覽器上幫你套用濾鏡，讓你網頁的圖像更多采多姿。

不透明度

　　要讓影像呈現半透明的效果，一般人會藉由調整 Adobe Photoshop 中的圖層不透明度來達成，現在你不必如此大費周章了，直接加上一段敘述，就可以任何地改變圖像的不透明度。

<img src="images/glass.gif" style="filter:alpha(opacity=n);">

　　上方的 n 可為一個介於 0 到 100 間的整數值，數值愈小圖像的顯示就愈透明。

動態模糊

　　藉由這個濾鏡，你可以讓網頁上的靜止圖像，呈現出高速移動的模糊效果來。

<img src="images/glass.gif" style="filter:blur(direction=d,strength=n);">

　　上方的 d 數值設定移動的方向，可為 0、45、90、135、180、225、270、315，預設值為 270（即 9 點鐘方向）；n 可為一個大於 0 的整數值，數值愈大圖像的顯示就愈模糊。

陰影

<img src="images/glass.gif" style="filter:shadow(direction=d);">

　　上方的 d 數值設定移動的方向，可為 0、45、90、135、180、225、270、315，預設值為 225（即左下方）。