《
詳解CSS中濾鏡的使用(4)》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234Y12013.htm
9、Mask 濾鏡
“PHASE”參數(shù)用來設(shè)置正弦波的偏移量。
7、Gray ,Invert,詳解CSS中濾鏡的使用(3),Xray 濾鏡
filter:shadow(color=red,direction=225)
filter:shadow(color=blue,direction=225)
filter:shadow(color=gray,direction=225)
效果分辨如下：
CSS濾鏡效果之好漢救美
上節(jié)咱們已經(jīng)學(xué)習(xí)了多少個(gè)濾鏡的使用，有不感到濾鏡十分棒呢,詳解CSS中濾鏡的使用(2)，本文我們持續(xù)進(jìn)行其余濾鏡的學(xué)習(xí)。
10、Shadow 濾鏡
“FREQ”是波紋的頻率，也就是指定在對象上一共須要產(chǎn)生多少個(gè)完全的波紋，
應(yīng)用“Shadow”屬性可以在指定的方向樹立物體的投影,詳解CSS中濾鏡的使用(1)，COLOR是投影色，DIRECTION是設(shè)置投影的方向。其中0度代表垂直向上，而后每45度為一個(gè)單位。它的默認(rèn)值是向左的270度。
語法：Filter{light}
“ADD”表現(xiàn)是否要把對象依照波形款式打亂，
這個(gè)屬性模仿光源的投射效果。一旦為對象定義了“LIGHT"濾鏡屬性，那么就可以調(diào)用它的“方式(Method)"來設(shè)置或者改變屬性。“LIGHT"可用的辦法有：
8、Light 濾鏡
到這里我們對CSS濾鏡的學(xué)習(xí)也就告一段落了，下面是幾個(gè)濾鏡的實(shí)例，大家可以參考一下：
Gray濾鏡是把一張圖片變成灰度圖；Invert濾鏡是把對象的可視化屬性全體翻轉(zhuǎn)，包含顏色、飽和度、跟亮度值；Xray濾鏡是讓對象反應(yīng)出它的輪廓并把這些輪廓加亮，也就是所謂的“X”光片。
AddAmbient 加入包抄的光源 AddCone ,
詳解CSS中background(背景)屬性的語法; 加入錐形光源 AddPoint ,
詳解CSS3線性漸變; 參加點(diǎn)光源 Changcolor 轉(zhuǎn)變光的色彩 Changstrength 改變光源的強(qiáng)度 Clear 肅清所有的光源 MoveLight 挪動(dòng)光源
效果如下：
CSS濾鏡后果之發(fā)光的文字
CSS濾鏡效果之發(fā)光的文字
--> [
網(wǎng)站建設(shè)之]詳解CSS中濾鏡的應(yīng)用(4)
“STRENGTH”代表振幅大小。
可以定義光源的虛構(gòu)地位，以及通過調(diào)劑X軸和Y軸的數(shù)值來把持光源焦點(diǎn)的位置，還可以調(diào)整光源的情勢（點(diǎn)光源或者錐形光源）指定光源是否含混邊界、光源的顏色、亮度等屬性。假如動(dòng)態(tài)的設(shè)置光源，可能回發(fā)生一些意想不到的效果。后面幾頁會(huì)有詳細(xì)典范。
語法：{filter:shadow(color=color,direction=direction)}
語法：{filter:mask(color=color)}
Shadow 濾鏡 滴水檐茶坊制作 Shadow 濾鏡 滴水檐茶坊制造 Shadow 濾鏡 滴水檐茶坊制作 11、Wave 濾鏡 語法：{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}
"wave" 屬性把對象按垂直的波形樣式打亂。默認(rèn)是“TRUE（非0）”，
使用"MASK"屬性可認(rèn)為對象建破一個(gè)籠罩于名義的膜，其效果就象戴者有色眼鏡看物體一樣。
Tag： 濾鏡 CSS 濾鏡 CSS
語法：{filter:gray} ,{filter:invert},{filter:xray}
“LIGHTSTRENGTH”參數(shù)能夠?qū)i漪加強(qiáng)光影的效果，范疇0----100，
(責(zé)任編輯：網(wǎng)站建設(shè))
詳解CSS中濾鏡的使用(4)相關(guān)文章