2005/4/20
『图片套用滤镜效果』
资料来源：能量魔法
修改整理：还猪哥哥
图 片 套 用 滤 镜 效 果
原图 :
<img src="图片链接地址">
柔边效果-均匀 :
<img src="图片链接地址" style="filter:alpha(opacity=25, finishOpacity=25,style=0)">
柔边效果-线状(左往右) :
<img src="图片链接地址" style="filter:alpha(opacity=0, finishOpacity=100,style=1)">
柔边效果-圆形(外往中央):
<img src="图片链接地址" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">
柔边效果-圆形(中央往外):
<img src="图片链接地址" style="filter:alpha(opacity=100, finishOpacity=0,style=3)">
诙谐效果 :
<img src="图片链接地址" style="filter: gray">
Ｘ光效果 :
<img src="图片链接地址" style="filter: Xray">
色彩对换 :
<img src="图片链接地址" style="filter:invert">
左右反转 :
<img src="图片链接地址" style="filter:FlipH()">
上下反转 :
<img src="图片链接地址" style="filter:FlipV()">
发光效果 :
<div style="width: 134px; height: 140px;filter:glow(color=#ffffff, strength=6)"><img src="图片链接地址" ></div>
附阴影效果 :
<div style="width: 134px; height: 140px;filter:shadow(color:#333333,direction=150);"><img src="图片链接地址" ></div>
投射阴影效果 :
<DIV style="FILTER: Dropshadow(color:#333333,direction=150,offX=5,offY=5); WIDTH: 134px; HEIGHT: 140px"><img src="图片链接地址" ></div>
波形效果 :
<DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 134px; HEIGHT: 140px"><img src="图片链接地址" ></div>
模糊效果 :
<DIV style="FILTER:Blur(direction=150); WIDTH: 134px; HEIGHT: 140px"><img src="图片链接地址" ></div>
*MSN Spaces for IE尚不支持的效果
马赛克 :
<img src="图片链接地址" style="filter:progid:
DXImageTransform.Mi
crosoft.Pixelate(maxsquare=4)">
opacity=100, 起始的滤镜效果透明度
finishOpacity=0,结束的滤镜效果透明度
style=1,滤镜类型
PS:所有的滤镜效果，都需在HTML编辑模式下使用。
Designed for IE
-------------------------------------------------------------------------------------------
工具 
說明
