一、Gray 濾鏡:把圖像和網頁上的其它對象修飾成灰色,語法 {filter:gray}
代碼示例:<img src="/JSCSS/demoimg/wall5.jpg" style="filter:gray" width="400" height="300">
二、Invert濾鏡:把對象應用的屬性全部翻轉,包括色彩、亮度、和飽和度,Invert 濾鏡語法 {filter:invert}
代碼示例:<img src="/JSCSS/demoimg/wall5.jpg" style="filter:invert" width="400" height="300">
三、Xray濾鏡:讓對象顯示出輪廓並把輪廓加亮,類似於“X”光片的效果。語法 {filter:xray}
代碼示例:<img src="/JSCSS/demoimg/wall5.jpg" style="filter:xray" width="400" height="300">