图片特效代码汇集
把图片特效全部公开,不再保留了。有兴趣的就拿回去……
1。单线框 代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="border:3 solid #ff0000"><br><br><br></center> 2。双线框 代码如下: <center>
<img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="border:5 double green"><br><br><br></center>
3。凸出框
代码如下:<center>
<img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg outset #ff88ff"><br><br><br></center>
4、凹进框
代码如下:<center> <img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.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://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.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://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg"><BR><BR><BR></CENTER>
7。凹槽框
代码如下:<center>
<img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="border:25 groove green" border="0"><br><br><br></center>
8。脊状框
代码如下:<center>
<img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.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://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg"></TD></TR></TBODY></TABLE></CENTER>10。横向渐变透明 ![]()
代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">
11。圆形渐变透明<center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
12。X形渐变透明代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
13。X光效果(底片)代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter:'xray'"></center>
14。浮雕效果代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center> 15上下颠倒 代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter:flipv"> 16。左右颠倒 代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter:fliph"></center>
17。色彩颠倒代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter:invert"></center> 18。粒状阴影 代码: <CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg"></CENTER> 19。模糊效果 呵呵看晕了吧! 代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>
20。水波效果(风吹)代码如下: <center><img src="http://img.blog.163.com/photo/c19P7_LrG3jaYZ8xuHzm-w==/918734323983884749.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>