图片套用滤镜效果——小绿人 - 乖乖熊の素材库 - 乖乖熊

载入中

自定义HTML载入中...

快速链接

图片套用滤镜效果——小绿人 [转贴 2006-09-15 14:46:31]

圖片套用濾鏡效果

能量教授：小綠人

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

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

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

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

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

詼諧效果 :
<img src="圖片.jpg" style="filter: gray">

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

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

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

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

發光效果 :
<div style="width: 134px; height: 140px;filter:glow(color=#ffffff, strength=6)"><img src="圖片.jpg" ></div>

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

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

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

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

*MSN Spaces for IE尚不支援的效果

馬賽克 :
<img src="圖片.jpg" style="filter:progid:
DXImageTransform.Mi
crosoft.Pixelate(maxsquare=4)">

支援馬賽克之後應變的圖像 :

标签: 素材

票数：

[推荐] | [评论] | [举报] | [打印]

点击数: 评论数:

本文章引用通告地址(TrackBack Ping URL)为:

发表评论