[04/11][图片特效]图片的一些效果代码

南齐云

原图:

 

淡化边缘效果一

代码如下：

 

<*img src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style=filter:Alpha(opacity=100,style=2) width="165" height="350">

 

 

 

代码：

 

<*img src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style=filter:Alpha(opacity=100,style=1) width="165" height="350">

 

 

 

代码：
<*div style="width:358;filter:blur(add=true,direction=135,strength=15);"><*img src="http://www.ycmdzx.cn/bbsxp/attachments/bbsxp/2006-10/4.gif" width="165" height="350"></div>

 

代码：

<*IMG src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style="FILTER: gray(color=#ffedff)">

 

代码：

<*IMG src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style="FILTER: xray(color=#ffedff)">

[ 本帖最后由 南齐云 于 2008-4-12 21:50 编辑 ]

南齐云

代码：
<*img src="http://t5.baidu.com/it/u=3223628815,3016422715&fm=0&gp=32.jpg" style=filter:Alpha(opacity=100,style=3) width="165" height="350">

 

代码：

<*DIV style="FILTER: wave(add=0,freq=1,lightStrength=20,phase=50,strength=20); WIDTH: 358px"><*IMG height=350 src="http://www.ycmdzx.cn/bbsxp/attachments/bbsxp/2006-10/5.gif" width=165>

代码：

 <*div style="width:358;filter:flipH;"><*IMG height=350 src="http://www.ycmdzx.cn/bbsxp/attachments/bbsxp/2006-10/6.gif" width=165>

[ 本帖最后由 南齐云 于 2008-4-12 21:47 编辑 ]

小玲珑

问好南齐云斑斑～小玲珑在这里欣赏不到哟 素材最好是上传～那样链接不容易失效～可惜无眼福

小玲珑

小玲珑原来发的素材全泡汤了～以后小玲珑发素材就上传稍保证其链接呵呵

南齐云

原帖由 小玲珑 于 2008-4-12 03:56 发表 问好南齐云斑斑～小玲珑在这里欣赏不到哟 素材最好是上传～那样链接不容易失效～可惜无眼福

 

谢谢小玲珑提醒^_^已修正

 

1---均匀柔边效果 2---线状柔边效果（左往右） 3---圆形柔边效果（外向内） 4---圆形柔边效果（内向外） 5---灰色效果 6---X光效果 7---色彩对换效果 8---左右翻转效果 9---上下翻转效果 10---发光效果

11---投射阴影效果

12---模糊效果

13---波形效果

14---波形加上半透明合成效果

[ 本帖最后由 南齐云 于 2008-4-12 21:58 编辑 ]

南齐云

代码:

1---均匀柔边效果
<img src="图片地址" style="filter:alpha(opacity=25, finishOpacity=25,style=0)">
2---线状柔边效果（左往右）
<img src="图片地址" style="filter:alpha(opacity=0, finishOpacity=100,style=1)">
3---圆形柔边效果（外向内）
<img src="图片地址" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">
4---圆形柔边效果（内向外）
<img src="图片地址" style="filter:alpha(opacity=100, finishOpacity=0,style=3)">
5---灰色效果
<img src="图片地址" style="filter: gray">
6---X光效果
<img src="图片地址" style="filter: Xray">
7---色彩对换效果
<img src="图片地址" style="filter:invert">
8---左右翻转效果
<img src="图片地址" style="filter:FlipH()">
9---上下翻转效果
<img src="图片地址" style="filter:FlipV()">
10---发光效果
<DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 488px; HEIGHT: 324px" align=center>
<IMG src="图片地址"></DIV>
11---投射阴影效果
<DIV style="FILTER: ropshadow(color=#333333,offX=5,offY=5); WIDTH: 478px; HEIGHT: 295px" align=center>
<IMG src="图片地址"></DIV>
12---模糊效果
<DIV style="FILTER: Blur(direction=135); WIDTH: 488px; HEIGHT: 324px" align=center>
<IMG src="图片地址"></DIV>
13---波形效果
<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT: 324px">
<IMG src="图片地址"></DIV>
14---波形加上半透明合成效果
<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT: 324px">
<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)"

kittenmimi

谢谢分享图片特效代码

代码与实际效果相结合

让人易懂易用