filter屬性定義了元素(通常是)的可視效果(例如：模糊與飽和度)。
css語法：
filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url()
提示：若想在乙個元素上應用多個濾鏡，可用空格分隔
注意: 濾鏡通常使用百分比 (如：75%), 當然也可以使用小數來表示 (如：0.75)。
1、none： 預設值，沒有效果
2、blur(px)：給影象設定高斯模糊。"radius"一值設定高斯函式的標準差，或者是螢幕上以多少畫素融在一起， 所以值越大越模糊。
圖示：
3、brightness(%)：給應用一種線性乘法（改變影象的明亮度），使其看起來更亮或更暗。如果值是0%，影象會全黑。值是100%，則影象無變化。其他的值對應線性乘數效果。值超過100%也是可以的，影象會比原來更亮。如果沒有設定值，預設是1，相當於100%，以此類推，0相當於0%，2相當於200%。
圖示：
4、contrast(%)：調整影象的對比度。值是0%的話，影象會全黑。值是100%，影象不變。值可以超過100%，值越大，影象的對比度越高，值越小，影象的對比度越低，影象整體看起來偏灰。若沒有設定值，預設是1。
圖示：
5、drop-shadow(h-shadow v-shadow blur spread color)：用法和 box-shadow 屬性一樣，這裡我就不過多贅述了。
6、grayscale(%)： 將影象轉換為灰度影象。值定義轉換的比例。值為100%則完全轉為灰度影象，值為0%影象無變化。值在0%到100%之間，則是效果的線性乘子。若未設定，值預設是0；
圖示：
7、hue-rotate(deg)： 給影象應用色相旋轉。"angle"一值設定影象會被調整的色環角度值。值為0deg，則影象無變化。若值未設定，預設值是0deg。該值雖然沒有最大值，超過360deg的值相當於又繞一圈。
圖示：
8、invert(%)：反轉輸入影象。值定義轉換的比例。100%的價值是完全反轉。值為0%則影象無變化。50%為一副灰度圖。值在0%和100%之間，則是效果的線性乘子。 若值未設定，值預設是0。
圖示：
9、opacity(%)： 轉化影象的透明程度。值定義轉換的比例。值為0%則是完全透明，值為100%則影象無變化。值在0%和100%之間，則是效果的線性乘子，也相當於影象樣本乘以數量。 若值未設定，值預設是1。該函式與已有的opacity屬性很相似，不同之處在於通過filter，一些瀏覽器為了提公升效能會提供硬體加速。
10、saturate(%)：轉換影象飽和度。值定義轉換的比例。值為0%則是完全不飽和，影象呈灰色，值為100%則影象無變化，值越大意味著影象的顏色越鮮豔(即飽和度越高)。其他值，則是效果的線性乘子。超過100%的值是允許的，則有更高的飽和度。 若值未設定，值預設是1。
圖示：
11、sepia(%)： 將影象轉換為深褐色。值定義轉換的比例。值為100%則完全是深褐色的，值為0%影象無變化。值在0%到100%之間，則是效果的線性乘子。若未設定，值預設是0；
圖示：
12、url()：url函式接受乙個xml檔案，該檔案設定了 乙個svg濾鏡，且可以包含乙個錨點來指定乙個具體的濾鏡元素。
例如：filter: url(svg-url#element-id)
13、initial：設定屬性為預設值
14、inherit： 從父元素繼承該屬性
css3中filter的各種特效
css3中的filter屬性可以說是簡單易用且強大，這些效果作用在上實現一些特效 也可以作用在vidio上，此處只討論特效 瀏覽器相容性 目前各大瀏覽器對於css3的相容已經非常好了，最新版本都可以支援css3，老版本的ie9以下的還是不支援，不過這不是重點，微軟都準備放棄這些老古董了。另外ie的濾...
css3中強大的filter 濾鏡 屬性
css3中強大的filter 濾鏡 屬性 1定義 filter，從字面意思來看就是濾鏡，官方定義filter屬性定義了元素 通常是 的可視效果 例如 模糊與飽和度 舉個栗子 看到這個效果，博友們是不是都開始對filter開始感興趣了呢 2語法 filter none blur brightness ...
CSS3的濾鏡filter屬性
css3的濾鏡filter屬性，可以對網頁中的進行類似photoshop處理的效果，例如背景的毛玻璃效果 老 黑白 火焰效果等。注意 這個 drop shadow 與 box shadow 都是在說陰影，但還是有區別的，看下圖 圖中火焰的，是一張png，除了火焰以外，其他部分是透明的，我們能看見，b...