字号:    

图片特效代码汇集

 把图片特效全部公开,不再保留了。有兴趣的就拿回去……

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>
 

点击进入博客技巧篇>>>>

点击进入我的娱乐篇>>>>

点击进入我的生活篇>>>>

点击进入我的写真篇>>>>

 点击图片可进入理智的博客

 

分类:博客提高
?次阅读
 2007-11-15 09:04