分享

图片特效代码汇集

 ☆無心插柳☆ 2010-10-09
1。单线框
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="border:3 solid #ff0000"><br><br><br></center>
 
2。双线框
代码如下:
<center>
<img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="border:5 double green"><br><br><br></center>

3。凸出框

代码如下:
<center>
<img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg outset #ff88ff"><br><br><br></center>

4、凹进框

 代码如下:
<center> <img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="border:25 inset #ff88ff"><br></center>

 5。邮票框
代码如下:
<center>
<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=600 height=450 align=center valign=middle><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg"></td></tr></table></center>
 
6。虚线框
代码如下:
<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg"><BR><BR><BR></CENTER>

 7。凹槽框


代码如下:
<center>
<img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="border:25 groove green" border="0"><br><br><br></center>

8。脊状框

代码如下:
<center>
<img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="border:25 ridge green" border="0"><br><br><br></center>
 
9。立体阴影框
代码如下:
<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><IMG src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg"></TD></TR></TBODY></TABLE></CENTER>
 
10。横向渐变透明
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

11。圆形渐变透明
 
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

12。X形渐变透明
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

13。X光效果(底片)
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter:'xray'"></center>

14。浮雕效果
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
 
15上下颠倒
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter:flipv">
 
16。左右颠倒
 
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter:fliph"></center>

17。色彩颠倒
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter:invert"></center>
 
18。粒状阴影
 代码:
<CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg"></CENTER>
 
19。模糊效果
呵呵看晕了吧!
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

20。水波效果(风吹)
代码如下:
<center><img src="http://image15.360doc.com/DownloadImg/2010/10/0913/5850320_1.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>
 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约