filter屬性：
css3的fliter屬性是乙個強大的工具，開發者可用它實現很多視覺效果
。該屬性提拱了如陰影和改變顏色等效果，這些效果的在元素渲染是完成
。該屬性通常用於調整的呈現、乙個元素的背景或者邊框。
語法：
.filter-me
blur(npx)——設定高斯模糊，傳入乙個畫素單位，表示模糊半徑，預設
值為0，沒有模糊，不可取百分數。
brightness()——設定亮度，0% 使元素變成黑色，預設值為100%，不改
變亮度，可以超過100%,表示加亮。
contrast()——設定顏色對比度，0%使元素變成黑色，預設值為100%,不
改變，可以超過100%。
drop-shadow(,?)——設定陰影背景，前三個參
數表示 水平偏移、垂直偏移和陰影半徑，顏色是陰影顏色。
grayscale()——設定灰度，引數表示灰色的佔比，0%不改變，預設值為
100%，完全灰色。負值不可用。
hue-rotate()——色相旋轉，引數是乙個角度，預設引數為0deg表示色
相不旋轉，最大為360deg。（色相是啥子？？）
invert()——設定反色，0%表示和不設定效果一樣，預設值為100%表示
完全翻轉，100%可模擬交卷底片。不可取負值。
opacity()——設定透明度，預設值為 1 ,表示不透明。這個和 opacity
屬性類似，不同之處是一些瀏覽器為filter提供硬體加速。不可取負值
。saturate()——設定飽和度，0%表示完全不飽和，100%表示不改變飽和
度，超過100%表示超飽和，負值不可取。
sepia()——設定復古程度，0%表示不改變，預設值為100%，表示完全復
古。負值不允許。
url()——用 svg 設定 filters
custom()——還未實現該方法。
可用多個函式，以空格分割，如果傳入的引數非法，函式將返回 none,
引數可以是百分數，也可以是 十進位制小數。特別注意，grayscale()函
數用在 sepia()後面撿導致完全灰色的輸出。目標元素的任何一部分都
被filter影響，包括 content、background、border、text-
decoration、outline、滾動條和後代元素。filter也可用於行內元素。
eg span。
css3 filter濾鏡屬性
css3 filter濾鏡屬性 注 ie瀏覽器暫不支援 1.灰度 grayscale value 值為百分比,在0 到100 之間,值為100 則完全轉為灰度影象,值為0 影象無變化,預設值是0 2.色相 hue rotate value 值為deg角度範圍無限制,色相環當到360deg後會重複0d...
CSS3 Filter的十種特效
filters主要是運用在上，以實現一些特效。儘管他們也能運用於video上 不過我們在些只來討論上的運用。語法elm其預設值是none，他不具備繼承性，其中filter function乙個具有以下值可選 grayscale灰度 sepia褐色 求專業指點翻譯 saturate飽和度 hue ro...
CSS3的濾鏡filter屬性
css3的濾鏡filter屬性，可以對網頁中的進行類似photoshop處理的效果，例如背景的毛玻璃效果 老 黑白 火焰效果等。注意 這個 drop shadow 與 box shadow 都是在說陰影，但還是有區別的，看下圖 圖中火焰的，是一張png，除了火焰以外，其他部分是透明的，我們能看見，b...