資源描述:
《css濾鏡代碼實(shí)例》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、CSS濾鏡:Mask屬性http://tech.163.com/school·2004-12-3114:29:41·來源:0 Mask屬性為對象建立一個(gè)覆蓋于表面的膜。它的表達(dá)式也很簡單: Filter:Mask(Color=顏色) 只有一個(gè)Color參數(shù),用來指定使用什么顏色作為掩膜?! ⊥瑯樱覀儊砜匆幌乱环鶊D片在加上mask屬性前后的效果(見下圖):原 圖Mask屬性效果圖 加上MASK屬性的效果就好象是在用有色眼鏡看物體一樣。上面的效果的代碼如下:
maskfilter 其實(shí),您就算在代碼中去掉對字體前景色的定義,得到的效果還是一樣的。因?yàn)橛辛薓ask屬性的定義,它遮罩下的字體顏色的設(shè)置就已經(jīng)失去了意義。 還有一點(diǎn)需要您注意的地方,mask屬性對圖片文件的支持還是不夠,不能達(dá)到應(yīng)該有的效果。CSS濾鏡:blur屬性http://tech.163.com/school·2004-12-3114:28:25·來源:0假如您用手在一幅還沒干透的油畫上迅速劃過,畫面就會(huì)變得模糊。CSS下的blur屬性就會(huì)達(dá)到這種模糊的效果?! ∠葋砜匆幌耣lur屬性的表達(dá)式: filter:bl
4、ur(add=add,direction,strength=strength) 我們看到blur屬性有三個(gè)參數(shù):add、direction、strength?! dd參數(shù)有兩個(gè)參數(shù)值:true和false。意思是指定圖片是否被改變成模糊效果?! irection參數(shù)用來設(shè)置模糊的方向。模糊效果是按照順時(shí)針方向進(jìn)行的。其中0度代表垂直向上,每45度一個(gè)單位,默認(rèn)值是向左的270度。角度方向的對應(yīng)關(guān)系見下表:? Strength參數(shù)值只能使用整數(shù)來指定,它代表有多少像素的寬度將受到模糊影響。默認(rèn)值是5像素?! ∵€是看一個(gè)例子吧。===================?5、ad>????
blurcss?????????6、jpg"style="filter:blur(strength=1)"????????onfilterchange="handlechange(this)">???
?