![]() |
![]() | ||
![]() |
![]() |
2、Blur 濾鏡
語法:對于HTML:{ilter:blur(add=add,direction=direction,strength=strength)}
對于Script語言: [oblurfilter=] object.filters.blur
用手指在一幅尚未干透的油畫上迅速劃過時,畫面就會變得模糊。”Blur"就是產(chǎn)生同樣的模糊效果。
“ADD”參數(shù)是一個布爾判斷“TRUE(默認)”或者“FALSE”。它指定圖片是否被改變成印象派的模糊效果。模糊效果是按順時針的方向進行的,“DIRECTION”參數(shù)用來設(shè)置模糊的方向。其中0度代表垂直向上,然后每45度為一個單位。它的默認值是向左的270度?!癝TRENGTH“值只能使用整數(shù)來指定,她代表有多少像素的寬度將受到模糊影響。默認是5個。對于網(wǎng)頁上的字體,如果設(shè)置他的模糊”ADD=1“,那么這些字體的效果會非常好看的。如下:
filter:blur(add=ture,direction=135,strength=10)
我向你飛,雨溫柔地綴!
![]() |
![]() | ||
![]() |
![]() |
3、FlipH, FlipV 濾鏡
語法:{filter:filph} ,{filter:filpv} 分別是水平反轉(zhuǎn)和垂直反轉(zhuǎn),具體如下:
![]() |
![]() |
![]() |
![]() |
4、Chroma 濾鏡
語法:{filter:chroma(color=color)}
使用”Chroma"屬性可以設(shè)置一個對象中指定的顏色為透明色,參數(shù)COLOR即要透明的顏色。下面是蘭色文字,然后用Chroma 濾鏡過濾掉蘭色,就成了下面的樣子。
filter:chroma(color=blue)
滴水檐坊
5、DropShadow 濾鏡
語法:{filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)}
“DropShaow"顧名思義就是添加對象的陰影效果。其工作原理是建立一個偏移量,加上較深。"Color"代表投射陰影的顏色,"offx"和"offy"分別是X方向和Y方向陰影的餓偏移量。"Positive"參數(shù)是一個布爾值,如果為“TRUE(非0)”,那么就為任何的非透明像素建立可見的投影。如果為“FASLE(0)”,那么就為透明的像素部分建立透明效果
![]() |
![]() |
正常文字 | dropshadow(color=gray,offx=5,offy=5.positive=0)后的文字 |
6、Glow 濾鏡
語法:{filter:glow(color=color,strength)}
當(dāng)對一個對象使用"glow"屬性后,這個對象的邊緣就會產(chǎn)生類似發(fā)光的效果。“COLOR”是指定發(fā)光的顏色,“STRENGTH”則是強度的表現(xiàn),可以從1到255之間的任何整數(shù)來指定這個力度。
filter:glow(color=red,strength=10) 后的效果
滴水檐茶坊
filter:glow(color=#ffff00,strength=5) 后的效果
滴水檐茶坊
好象可以把PhotoShop踹到一邊了,是嗎?
上一篇:css濾鏡基礎(chǔ)教程
下一篇:css濾鏡效果(二)