四、blur 濾鏡
在前面，你已經看過了blur濾鏡的效果了，感覺好吧？現在讓我們來了解一下它的引數。
引數名
說明
取值說明
add
是否要在已經應用blur濾鏡上的html元件上顯示原來的模糊方向
0表是不顯示原物件；
非0表示要顯示原物件。
direction
設定模糊的方向。
0（上），45（右上），
90（右），135（右下），
180（下），225（左下），
270（左），315（左上）。
strength
指定模糊影象模糊的半徑大小。單位是畫素（pixels）
預設值是5，取值範圍為自然數。
讓我們來看乙個例項，
fileter樣式模糊演示
fileter樣式模糊演示
五、chroma 濾鏡
chroma濾鏡主要是把中的某個顏色變成透明的，使用了該濾鏡，原中的一部分顏色就好像沒有了一樣。它只有乙個引數——color，用來指定透明的顏色，即不顯示出來的顏色。
原圖隱藏紅色（#ff0000）
隱藏綠色（#00ff00）
隱藏藍色（#0000ff）
其原碼如下：
六、dropshadow 濾鏡
dropshadow 產生的效果是讓html元件產生下落式的陰影，常用在文字或是影象上。以下是它的引數說明：
引數名
說明
取值說明
color
指定陰影的顏色
#rrggbb 格式的顏色值。
offx
指定陰影相對於元件物件在水平方向偏移量。
整數。正數表示陰影在物件的右方，負數表示陰影在物件的左方。
offy
指定陰影相對於元件物件在垂直方向偏移量。
整數。正數表示陰影在物件的上方，負數表示陰影在物件的下方。
positive
指定陰影的透明程度。
0表示透明，沒有陰影效果；
非0表示顯示陰影的效果。
再讓我們來看個演示，
dropshadow 濾鏡演示
源**為：
dropshadow 濾鏡演示
七、fliph 和 flipv 濾鏡
fliph 和 flipv 這兩個濾鏡主要是產生水平翻轉和垂直翻轉的效果，這兩個濾鏡沒有額外的引數設定，直接使用就可以了。
例如：
原樣fliph 水平翻轉
flipv 垂直翻轉
文字這是正常的文字
這是被水平翻轉了的文字
這是被垂直翻轉了的文字
原**如下：
這是被水平翻轉了的文字
這是被垂直翻轉了的文字
css3中filter的各種特效
css3中的filter屬性可以說是簡單易用且強大，這些效果作用在上實現一些特效 也可以作用在vidio上，此處只討論特效 瀏覽器相容性 目前各大瀏覽器對於css3的相容已經非常好了，最新版本都可以支援css3，老版本的ie9以下的還是不支援，不過這不是重點，微軟都準備放棄這些老古董了。另外ie的濾...
css3中Filter的十種特效
css3的filter屬性簡單且強大，本篇是學習css3 filter所做的筆記。grayscale 灰度，值為0 1之間的小數 sepia 褐色 我喜歡叫古風濾鏡 值為0 1之間的小數 saturate 飽和度，值為num hue rotate 色相旋轉，值為angle invert 反色，值為0...
CSS3 Filter的十種特效
filters主要是運用在上，以實現一些特效。儘管他們也能運用於video上 不過我們在些只來討論上的運用。語法elm其預設值是none，他不具備繼承性，其中filter function乙個具有以下值可選 grayscale灰度 sepia褐色 求專業指點翻譯 saturate飽和度 hue ro...