慮鏡參數(shù)代碼和效果展示:
代碼如下:
IMG代碼格式 <IMG Style="Filter:參數(shù)值 ;"> (注:IMG是圖片插入標簽)
這是原圖
一、半透明效果
HTML:
<img src="圖片地址" style=" filter:Alpha(參數(shù))">
參數(shù)
opacity -->設定起始透明度
finishOpacity --> 設定結束透明度
style -->0:均勻、1:線狀、2:園形、3:長方形
范例:
效果:(style依次為1、2、3)
二、詼諧、X光、色彩對換
HTML:
詼諧:
<img src="圖片地址" style="filter:Gray">
X光效果:
<img src="圖片地址" style="filter:Xray">
色彩對換:
<img src="圖片地址" style="filter:Invert">
范例:
三、翻轉效果
HTML:
<img src="圖片地址" style="filter:fliph">
效果如下:
四、發(fā)光效果
HTML:
<div style="filter:Glow(參數(shù));width:寬;height:高" align=center><br><img src="圖片地址"></div>
參數(shù)
color -->發(fā)光顏色
strength -->發(fā)光強度
慮鏡寬=圖片寬度+發(fā)光強度x2
慮鏡高=圖片高度+發(fā)光強度x2+10
效果如下:
五、波形效果
HTML:
<div style="filter:Wave(參數(shù));width:寬;height:高" align=center><br><img src="圖片地址"></div>
參數(shù)
freq -->頻率(正)
strength -->振幅強度(正)
lightstrength -->波峰強度(0~100)越高越黑
phase -->起始相位(0~100)
慮鏡寬=圖寬+振幅強度x2
慮鏡高=圖高+振幅強度x2+10
效果如下: