[04/11][图片特效]图片的一些效果代码
<P>原图:</P><P> <IMG src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg"><BR><BR><IMG style="FILTER: Alpha(opacity=100,style=2)" height=350 src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" width=235> </P>
<P></P><BR>
<P>淡化边缘效果一 </P><BR><BR>
<P>代码如下： </P>
<P> </P>
<P><*img src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style=filter:Alpha(opacity=100,style=2) width="165" height="350"></P>
<P> </P>
<P> </P>
<P><IMG style="FILTER: Alpha(opacity=100,style=1)" height=350 src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" width=235> </P>
<P> </P>
<P>代码： </P>
<P> </P>
<P><*img src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style=filter:Alpha(opacity=100,style=1) width="165" height="350"></P>
<P> </P>
<P> </P>
<P> </P>
<DIV style="FILTER: blur(add=true,direction=135,strength=15); WIDTH: 358px"><IMG height=350 src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" width=235></DIV>
<P>代码： <BR><*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> </P>
<P><IMG style="FILTER: gray(color=#ffedff)" src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg"> </P>
<P> </P>
<P>代码： </P>
<P><*IMG src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style="FILTER: gray(color=#ffedff)"></P>
<P><IMG style="FILTER: xray(color=#ffedff)" src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg"> </P>
<P> </P>
<P>代码： </P>
<P><*IMG src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" style="FILTER: xray(color=#ffedff)"></P>
[ 本帖最后由 南齐云 于 2008-4-12 21:50 编辑 ] <IMG style="FILTER: Alpha(opacity=100,style=3)" height=350 src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" width=235><BR>代码： <BR><*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://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" width=235></DIV>
<P> </P>
<P>代码： </P>
<P><*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></P>
<DIV style="FILTER: flipH; WIDTH: 358px"><IMG height=350 src="http://bbs.xyhc.com/attachments/month_0804/20080413_c146f479df15c7328267b1hGP1Iu841d.jpg" width=235></DIV>
<P>代码：</P>
<P> <*div style="width:358;filter:flipH;"><*IMG height=350 src="http://www.ycmdzx.cn/bbsxp/attachments/bbsxp/2006-10/6.gif" width=165></P>
[ 本帖最后由 南齐云 于 2008-4-12 21:47 编辑 ] 问好南齐云斑斑～小玲珑在这里欣赏不到哟62～～
素材最好是上传～那样链接不容易失效～可惜无眼福 小玲珑原来发的素材全泡汤了～以后小玲珑发素材就上传稍保证其链接呵呵 <P>原帖由 <I>小玲珑</I> 于 2008-4-12 03:56 发表 <A href="http://bbs.xyhc.com/redirect.php?goto=findpost&pid=859522561&ptid=873876" target=_blank><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" alt="" src="http://bbs.xyhc.com/images/common/back.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0></A> 问好南齐云斑斑～小玲珑在这里欣赏不到哟<IMG alt="" src="images/smilies/62.gif" border=0 smilieid="243"> 素材最好是上传～那样链接不容易失效～可惜无眼福 </P>
<P> </P>
<P>谢谢小玲珑提醒^_^已修正</P>
<P> </P>
<P>1---均匀柔边效果 <IMG style="FILTER: alpha(opacity=25, finishOpacity=25,style=0)" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 2---线状柔边效果（左往右） <IMG style="FILTER: alpha(opacity=0, finishOpacity=100,style=1)" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 3---圆形柔边效果（外向内） <IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2)" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 4---圆形柔边效果（内向外） <IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=3)" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 5---灰色效果 <IMG style="FILTER: gray" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 6---X光效果 <IMG style="FILTER: Xray" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 7---色彩对换效果 <IMG style="FILTER: invert" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 8---左右翻转效果 <IMG style="FILTER: FlipH()" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 9---上下翻转效果 <IMG style="FILTER: FlipV()" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"> 10---发光效果 </P>
<DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 488px; HEIGHT: 324px" align=center><BR><IMG src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"></DIV>
<P>11---投射阴影效果 </P>
<DIV style="FILTER: ropshadow(color=#333333,offX=5,offY=5); WIDTH: 478px; HEIGHT: 295px" align=center><BR><IMG src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"></DIV>
<P>12---模糊效果 </P>
<DIV style="FILTER: Blur(direction=135); WIDTH: 488px; HEIGHT: 324px" align=center><BR><IMG src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"></DIV>
<P>13---波形效果 </P>
<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT: 324px"><BR><IMG src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"></DIV>
<P>14---波形加上半透明合成效果 </P>
<DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT: 324px"><BR><IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=2)" src="http://fltyu.cn/attachments/month_0801/20080111_78de8c795ea754eeb63bKr1RAxiU3viu.jpg"></DIV>
[ 本帖最后由 南齐云 于 2008-4-12 21:58 编辑 ] <CODE><H5>代码:</H5><CODE id=code0><FONT face=新宋体>1---均匀柔边效果 <BR><img src="图片地址" style="filter:alpha(opacity=25, finishOpacity=25,style=0)"><BR>2---线状柔边效果（左往右）<BR><img src="图片地址" style="filter:alpha(opacity=0, finishOpacity=100,style=1)"><BR>3---圆形柔边效果（外向内）<BR><img src="图片地址" style="filter:alpha(opacity=100, finishOpacity=0,style=2)"><BR>4---圆形柔边效果（内向外）<BR><img src="图片地址" style="filter:alpha(opacity=100, finishOpacity=0,style=3)"><BR>5---灰色效果<BR><img src="图片地址" style="filter: gray"><BR>6---X光效果<BR><img src="图片地址" style="filter: Xray"><BR>7---色彩对换效果<BR><img src="图片地址" style="filter:invert"><BR>8---左右翻转效果<BR><img src="图片地址" style="filter:FlipH()"><BR>9---上下翻转效果<BR><img src="图片地址" style="filter:FlipV()"><BR>10---发光效果<BR><DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 488px; HEIGHT: 324px" align=center><BR><IMG src="图片地址"></DIV><BR>11---投射阴影效果<BR><DIV style="FILTER: ropshadow(color=#333333,offX=5,offY=5); WIDTH: 478px; HEIGHT: 295px" align=center><BR><IMG src="图片地址"></DIV><BR>12---模糊效果<BR><DIV style="FILTER: Blur(direction=135); WIDTH: 488px; HEIGHT: 324px" align=center><BR><IMG src="图片地址"></DIV><BR>13---波形效果<BR><DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT: 324px"><BR><IMG src="图片地址"></DIV><BR>14---波形加上半透明合成效果<BR><DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 488px; HEIGHT: 324px"><BR><img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)"</FONT></CODE> 谢谢分享图片特效代码<BR><BR>
代码与实际效果相结合<BR><BR>
让人易懂易用<BR><BR>
页:
[1]