首先我們先在網頁中顯示一張圖檔,html代碼如下：
<a>此時運作效果圖如下：</a>
下面我給大家介紹相應特性，同時給各位示範應用圖檔過濾樣式之後的效果圖。
一、調整圖像灰階度：grayscale，範圍為0%-100%。應用樣式代碼如下：
此時頁面效果為：
二、給圖檔應用深褐色效果：sepia，範圍0-100%文法代碼如下：
此時運作頁面效果：
三、調整圖檔曝光度：brightness，範圍0%-100%，文法代碼如下:
運作頁面，效果如下：
四、調整圖像對比度：contrast，文法代碼如下：
頁面效果如下：
最後給大家介紹一個模糊特效：blur，文法代碼如下：
此時頁面效果如下：
當然，上面的這些特性是可以同時使用的，比如，當滑鼠劃過圖檔時，将圖檔變成灰色的，且模糊圖檔，則代碼如下：
原來用CSS特性完成Photoshop的過濾功能是如此簡單。