效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3"style="FILTER: Chroma(Color=#13629f)"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:'gray'"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:flipv"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:fliph"></left>

效果如下:






代码:

<left><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></left>









去色并反相:

<IMG src="​​http://s4.album.sina.com.cn/pic/48af9767020009v3​​" style="FILTER: xray(color=#ffedff)">






彩色反相:

<IMG src="​​http://s4.album.sina.com.cn/pic/48af9767020009v3​​" style="FILTER: invert(color=#ffedff)">




重叠效果:







代码:

<div style="width:358;filter:blur(add=true,direction=135,strength=15);"><img src="http://s4.album.sina.com.cn/pic/48af9767020009v3" width="165" height="350"></div>










原图:








1.原圖 : <img src="圖片.jpg">

2.柔邊效果-均勻 : <img src="圖片.jpg" style="filter:alpha(opacity=25, finishOpacity=25,style=0)">

3.柔邊效果-線狀(左往右) : <img src="圖片.jpg" style="filter:alpha(opacity=0, finishOpacity=100,style=1)">

4.柔邊效果-圓形(外往中央): <img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">

5.柔邊效果-圓形(中央往外): <img src="圖片.jpg" style="filter:alpha(opacity=100, finishOpacity=0,style=3)">

6.詼諧效果 : <img src="圖片.jpg" >

7.X光效果 : <img src="圖片.jpg" style="filter: Xray">

8.色彩對換 : <img src="圖片.jpg" style="filter:invert">

9.左右翻轉 : <img src="圖片.jpg" style="filter:FlipH()">

10.上下翻轉 : <img src="圖片.jpg" style="filter:FlipV()">

11.發光效果 : <div style="width: 134px; height: 140px;filter:glow(color=#ffffff, strength=6)"><img src="圖片.jpg" ></div> 12.附陰影效果 : <div style="width: 134px; height: 140px;filter:shadow(color:#333333,direction=150);"><img src="圖片.jpg" ></div>

13.投射陰影效果 : <DIV style="FILTER: Dropshadow(color:#333333,direction=150,offX=5,offY=5); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>

14.波形效果 : <DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>

15模糊效果 : <DIV style="FILTER:Blur(direction=150); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>