濮阳杆衣贸易有限公司

主頁 > 知識庫 > css濾鏡效果(二)

css濾鏡效果(二)

熱門標(biāo)簽:武漢人工外呼系統(tǒng) 山西旅游景地圖標(biāo)注 移動400辦理電話 沈陽智能外呼系統(tǒng)排名 中國地圖標(biāo)注各省份 蘇州通信外呼系統(tǒng)多少錢 上古卷軸5地圖標(biāo)注mod 北川縣地圖標(biāo)注 荒野大鏢客2地圖標(biāo)注怎么變中文

7、Gray ,Invert,Xray 濾鏡

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

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

效果如下:

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

8、Light  濾鏡

語法:Filter{light}

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

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

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

9、Mask 濾鏡

語法:{filter:mask(color=color)}

使用"MASK"屬性可以為對象建立一個覆蓋于表面的膜,其效果就象戴者有色眼鏡看物體一樣。

10、Shadow 濾鏡

語法:{filter:shadow(color=color,direction=direction)}

利用“Shadow”屬性可以在指定的方向建立物體的投影,COLOR是投影色,DIRECTION是設(shè)置投影的方向。其中0度代表垂直向上,然后每45度為一個單位。它的默認(rèn)值是向左的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" 屬性把對象按垂直的波形樣式打亂。默認(rèn)是“TRUE(非0)”,

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

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

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

“PHASE”參數(shù)用來設(shè)置正弦波的偏移量。

“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)
您可能感興趣的文章:
  • 純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例
  • js模擬濾鏡的圖片漸顯效果
  • css濾鏡實現(xiàn)頁面灰色黑白色效果代碼
  • 用css alpha 濾鏡 實現(xiàn)input file 樣式美化代碼
  • CSS濾鏡參考
  • css濾鏡效果(一)
  • 用css濾鏡實現(xiàn)的文字描邊效果的代碼
  • CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)
  • css靜態(tài)濾鏡 + A:Hover 效果
  • canvas濾鏡效果實現(xiàn)代碼

標(biāo)簽:濱州 東莞 南充 海東 遼源 喀什 陽泉 邯鄲

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《css濾鏡效果(二)》,本文關(guān)鍵詞  css,濾鏡,效果,二,css,濾鏡,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《css濾鏡效果(二)》相關(guān)的同類信息!
  • 本頁收集關(guān)于css濾鏡效果(二)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    仙游县| 保德县| 丰镇市| 航空| 台南市| 涟水县| 页游| 隆安县| 永康市| 白银市| 界首市| 佛坪县| 南部县| 大兴区| 东宁县| 玉林市| 固阳县| 松溪县| 平舆县| 葵青区| 张北县| 鸡东县| 珲春市| 德州市| 来安县| 万安县| 阆中市| 徐闻县| 泰来县| 松原市| 治多县| 八宿县| 广饶县| 通河县| 漳浦县| 大方县| 龙川县| 西贡区| 明星| 威宁| 海门市|