国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css濾鏡效果(二)

2020-10-23 18:41:44
字體:
來源:轉載
供稿:網友

7、Gray ,Invert,Xray 濾鏡

語法:{filter:gray} ,{filter:invert},{filter:xray}

Gray濾鏡是把一張圖片變成灰度圖;Invert濾鏡是把對象的可視化屬性全部翻轉,包括色彩、飽和度、和亮度值;Xray濾鏡是讓對象反映出它的輪廓并把這些輪廓加亮,也就是所謂的“X”光片。

效果如下:

正常圖片filter:gray; 灰度圖  是不是很 Cool 呢!
filter:invert 底片效果filter:xray  X光效果

8、Light  濾鏡

語法:Filter{light}

這個屬性模擬光源的投射效果。一旦為對象定義了“LIGHT"濾鏡屬性,那么就可以調用它的“方法(Method)"來設置或者改變屬性。“LIGHT"可用的方法有:
 

  • AddAmbient      加入包圍的光源
  • AddCone         加入錐形光源
  • AddPoint        加入點光源
  • Changcolor      改變光的顏色
  • Changstrength   改變光源的強度
  • Clear           清除所有的光源
  • MoveLight       移動光源

可以定義光源的虛擬位置,以及通過調整X軸和Y軸的數值來控制光源焦點的位置,還可以調整光源的形式(點光源或者錐形光源)指定光源是否模糊邊界、光源的顏色、亮度等屬性。如果動態(tài)的設置光源,可能回產生一些意想不到的效果。后面幾頁會有具體范例。

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)
效果分別如下:

Shadow 濾鏡 滴水檐茶坊制作
Shadow 濾鏡 滴水檐茶坊制作
Shadow 濾鏡 滴水檐茶坊制作
11、Wave 濾鏡 語法:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}
"wave" 屬性把對象按垂直的波形樣式打亂。默認是“TRUE(非0)”,

“ADD”表示是否要把對象按照波形樣式打亂,

“FREQ”是波紋的頻率,也就是指定在對象上一共需要產生多少個完整的波紋,

“LIGHTSTRENGTH”參數可以對于波紋增強光影的效果,范圍0----100,

“PHASE”參數用來設置正弦波的偏移量。

“STRENGTH”代表振幅大小。

正常圖片filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)
style="filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 洛宁县| 尚志市| 玉溪市| 台山市| 大英县| 泗洪县| 和硕县| 揭阳市| 秭归县| 壶关县| 大庆市| 肥乡县| 泸定县| 迁安市| 雷山县| 茌平县| 赤城县| 福建省| 宁国市| 临江市| 如皋市| 东阿县| 富顺县| 游戏| 清涧县| 汕头市| 崇信县| 安泽县| 随州市| 黎平县| 邵东县| 嘉禾县| 花垣县| 安阳县| 土默特右旗| 潼南县| 茌平县| 兴国县| 西林县| 蓬溪县| 蕉岭县|