图片羽化代码大全

1 半透明羽化：

<DIV style="FILTER: Alpha(opacity=100,finishopacity=20,style=2); WIDTH: 580px; HEIGHT: 240px; -moz-: 1"><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=480 height=240></DIV

添加灰度：

<DIV style="FILTER: Gray(); WIDTH: 580px; HEIGHT: 240px"><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=580 height=240></DIV>

翻转：

<DIV style="FILTER: FlipH(); WIDTH: 580px; HEIGHT: 240px"><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=580 height=240></DIV>

边缘发光：

<CENTER><FONT color=#00ff00 size=4><STRONG>边缘发光： </STRONG></FONT></CENTER>

<CENTER>

<DIV style="FILTER: Glow(strength=30,color=#FF0000); WIDTH: 580px; HEIGHT: 310px" align=center><BR><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=580 height=240></DIV></CENTER>

<CENTER>

投射阴影：

<DIV style="FILTER: shadow(direction=70,color=#DD0000); WIDTH: 580px; HEIGHT: 274px" align=center><BR><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=580 height=240></DIV>

阴影效果： 1 右边阴影：

<DIV style="FILTER: Dropshadow (offx=20,offY=20,color=#CC0000); WIDTH: 580px; HEIGHT: 300px" align=center><BR><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=480 height=240></DIV>

2 顶部阴影：

<DIV style="FILTER: Dropshadow(offx=-20,offY=- 20,color=#CC0000); WIDTH: 580px; HEIGHT: 220px" align=center><BR><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=580 height=240></DIV>

模糊效果：

<DIV style="FILTER: Blur(direction=135,color=#CC0000); WIDTH: 490px; HEIGHT: 265px" align=center><BR><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=480 height=240></DIV></CENTER>

<CENTER>

波形效果：

<DIV style="FILTER: Wave (freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 490px; HEIGHT: 265px" align=center><BR><IMG border=0 src="http://image78.360doc.com/DownloadImg/2014/09/1311/45227328_1.gif" width=480 height=240></DIV></CENTER>

<CENTER>&nbsp;</CENTER></TD></TR></TBODY></TABLE>