打造图片的特殊效果

 

一、透明效果

代码:

<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">

或

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div>

 说明：

1、opacity:开始处的透明度。

2、finishOpacity:结束处的透明度。

3、style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明。

4、涉及到的属性，根据需要修改相应数值即可。

 

二、翻转效果

1、左右翻转:

代码：

<img src="图片地址" style="filter:FlipH">

或

<div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div>

 效果：

 

2、上下翻转:

代码：

<img src="图片地址" style="filter:FlipV">

或

<div style="filter:FlipV ;width:宽;height:高"><img src="图片地址"></div>

 

 

三、变调效果

1、灰调:

代码：

<img src="图片地址" style="filter:Gray">

或

<div style="filter:Gray ;width:宽;height:高"><img src="图片地址"></div>

 效果