一、淡化边缘

1、效果一

代码：

<img src="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" style=filter:Alpha(opacity=100,style=2) width="358" height="530">

2、效果二

代码：

<img src="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" width="358" height="530" style=filter:Alpha(opacity=100,style=3)>

二、图片title编辑

试着把鼠标移动到图片上，等待2秒钟。。

代码：

<img src="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" width="358" height="530">

三、重叠效果

代码：

<div style="width:358;filter:blur(add=true,direction=135,strength=15);">
<BR>
<img src="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" WIDTH="358" HEIGHT="530">
</div>

注意：长宽的设置根据图片的原始大小。

四、扭曲效果

代码：

<div style="width:358;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);">
<BR>
<img src="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" WIDTH="358" HEIGHT="530">
</div>

五、翻转效果

代码：

<div style="width:358;filter:flipH;">
<BR>
<img src="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" WIDTH="358" HEIGHT="530">
</div>

蓝色地方为图片地址～！