四、
图片的滤镜效果
1.透明效果:(两种都可)
<img src="
图片地址"style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">
<divstyle="filter:Alpha(opacity=100,finishOpacity=0,style=0);width:宽;height:高"><img src="
图片地址"></div>
注解:
涉及到的属性:修改数值对应即可
opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0,平均透明 1,线状透明 2,圆形透明3,菱形透明
2.翻转效果:
(1)
左右翻转格式:
<imgsrc="图片地址"style="filter:FlipH">
<divstyle="filter:FlipH ;width:宽;height:高"><imgsrc="图片地址"></div>
(2)
上下翻转格式:
<imgsrc="图片地址"style="filter:FlipV">
<divstyle="filter:FlipV ;width:宽;height:高"><imgsrc="图片地址"></div>
3.变调效果
(1)灰调格式:
<imgsrc="图片地址"style="filter:Gray">
<divstyle="filter:Gray ;width:宽;height:高"><imgsrc="图片地址"></div>
(2)X光效果:
<imgsrc="
图片地址"style="filter:Xray">
<divstyle="filter:Xray ;width:宽;height:高"><img src="
图片地址"></div>
(3)色彩对换:
<img src="
图片地址"style="filter:Invert">
<divstyle="filter:Invert ;width:宽;height:高"><imgsrc="图片地址"></div>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。