我們先從較簡(jiǎn)單的開(kāi)始,介紹幾個(gè)沒(méi)有參數(shù)的濾鏡。
1.Gray濾鏡
Gray濾鏡的作用是產(chǎn)生黑白效果
使用方法:
| 以下是引用片段: <img src="a.gif" style="filter:gray"> |
2.Invert濾鏡
Invert濾鏡的作用是反色效果
使用方法:
| 以下是引用片段: <img src="a.gif" style="filter:invert"> |
3.Xray濾鏡
Xray濾鏡的作用是產(chǎn)生X光效果
使用方法:
| 以下是引用片段: <img src="a.gif" style="filter:xray"> |
4.fliph和flipv
fliph濾鏡的作用是產(chǎn)生水平翻轉(zhuǎn)效果;flipv濾鏡的作用是產(chǎn)生垂直翻轉(zhuǎn)效果
使用方法:
| 以下是引用片段: <img src="a.gif" style="filter:fliph">或<img src="a.gif" style="filter:flipv"> |
5.alpha濾鏡
alpha濾鏡作用主要是對(duì)圖片的透明度進(jìn)行處理
使用方法:
| 以下是引用片段: <img src="a.gif" style="filter:alpha(opacity=value1,finishopacity=value2,style=value3)"> |
說(shuō)明:value1為圖片的透明值,范圍是0(完全透明)~100(完全不透明)
value2為圖片透明度變換結(jié)束時(shí)的透明值,范圍是0(完全透明)~100(完全不透明) 注:該值只有在value3設(shè)定時(shí)才有效
value3為圖片透明度變換方向。取值為1時(shí),圖片透明度按從左到右線性變化;取值為2時(shí),圖片透明度從內(nèi)到外沿半徑變化;取值為3時(shí),圖片透明度從內(nèi)到外呈矩形變化
例:
| 以下是引用片段: <img src="a.gif" style="filter:alpha(opacity=0,finishopacity=60,style=2)"> |
6.shadow濾鏡
shadow濾鏡的作用是產(chǎn)生陰影效果
使用方法:
| 以下是引用片段: <img src="a.gif" style="filter:shadow(color=value1,direction=value2)"> |
說(shuō)明:value1為陰影的顏色值,如000000表示黑色
新聞熱點(diǎn)
疑難解答
圖片精選