图片的滤镜效果处理

看见了吗，现在文字在图片的右边，其实我在关于在图片旁边写文章的代码也详细的介绍了怎么能叫文字围绕图片，不过，今天要说的是怎么来处理图片！

此代码如下： <P><IMG src="图片连接地址" height=100 width=100 align=left>文章内容<BR>&nbsp;<BR clear=left></P>

代码说明：

height=100 width=100是图片的高和宽实际上不用调整数值，单击图片就可以拉动图片修改大小！

align=left 文字在右边图在左边        修改成align=right文字在左边图在右边

---

以下是几种实用的图片处理：

图片滤镜效果：

                   

代码如下： <img src="图片地址.jpg" style="filter:alpha(opacity=25, finishOpacity=25,style=0)">

代码说明：

“opacity=25”指定背景图片起始透明度，有效范围是“0~100”

“finishOpacity=25”指定背景图片结束透明度，有效范围是“0~100”

“style=0”背景图片滤镜样式，可更改等号后面参数： 0—均匀；1—线状；2—圆形；3—长方形。

---

柔边(左往右) :

                    

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

---

圆形柔化(外往中央):

                    

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

---

黑白效果 :

                     

<img src="图片地址.jpg" style="filter: gray">

---

左右翻转:

                     

<img src="图片地址.jpg" style="filter:FlipH()">

---

图片倒置效果

          

<p><img height="240" src="图片地址" width="158" /> <img style="FILTER: wave (strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height="240" src="图片地址" width="158" /> </p>

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

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

代码说明：
opacity:开始处的透明度
finishOpacity:结束处的透明度
style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明

翻转效果 <img src="图片地址" style="filter:FlipH">

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

 

上下翻转 <img src="图片地址" style="filter:FlipV">

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

 

X光效果： <img src="图片地址" style="filter:Xray">

X光效果2 <div style="filter:Xray ;width:宽;height:高"><img src="图片地址"></div>

 

色彩对换 <img src="图片地址" style="filter:Invert">

色彩对换2 <div style="filter:Invert ;width:宽;height:高"><img src="图片地址"></div>

使用说明：

在你（发表BLOG文章）点击显示源代码 然后将代码粘贴，找到你喜欢的图片，将图片地址覆盖在代码中图片地址上即可！