css濾鏡代碼實(shí)例

css濾鏡代碼實(shí)例

ID:47030794

大?。?74.50 KB

頁數(shù):18頁

時(shí)間:2019-07-01

css濾鏡代碼實(shí)例_第1頁
css濾鏡代碼實(shí)例_第2頁
css濾鏡代碼實(shí)例_第3頁
css濾鏡代碼實(shí)例_第4頁
css濾鏡代碼實(shí)例_第5頁
資源描述:

《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            

   

3、wenyleaf

   
       其實(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)">???

?=====================看起來是不是有些像萬花筒,在這個(gè)例子中加入了一些JavaScript的語句,代碼如下:        blurcss            

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時(shí)聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。