![]() |
![]() | ||
![]() |
![]() |
8、Light 濾鏡
語法:Filter{light}
這個屬性模擬光源的投射效果。一旦為對象定義了“LIGHT"濾鏡屬性,那么就可以調(diào)用它的“方法(Method)"來設置或者改變屬性?!癓IGHT"可用的方法有:
可以定義光源的虛擬位置,以及通過調(diào)整X軸和Y軸的數(shù)值來控制光源焦點的位置,還可以調(diào)整光源的形式(點光源或者錐形光源)指定光源是否模糊邊界、光源的顏色、亮度等屬性。如果動態(tài)的設置光源,可能回產(chǎn)生一些意想不到的效果。后面幾頁會有具體范例。
9、Mask 濾鏡
語法:{filter:mask(color=color)}
使用"MASK"屬性可以為對象建立一個覆蓋于表面的膜,其效果就象戴者有色眼鏡看物體一樣。
10、Shadow 濾鏡
語法:{filter:shadow(color=color,direction=direction)}
利用“Shadow”屬性可以在指定的方向建立物體的投影,COLOR是投影色,DIRECTION是設置投影的方向。其中0度代表垂直向上,然后每45度為一個單位。它的默認值是向左的270度。
filter:shadow(color=red,direction=225)
filter:shadow(color=blue,direction=225)
filter:shadow(color=gray,direction=225)
效果分別如下:
“ADD”表示是否要把對象按照波形樣式打亂,
“FREQ”是波紋的頻率,也就是指定在對象上一共需要產(chǎn)生多少個完整的波紋,
“LIGHTSTRENGTH”參數(shù)可以對于波紋增強光影的效果,范圍0----100,
“PHASE”參數(shù)用來設置正弦波的偏移量。
“STRENGTH”代表振幅大小。
![]() |
![]() | ||
![]() |
![]() |
上一篇:css濾鏡效果(一)
下一篇:巧用CSS的MASK濾鏡