当前位置:首页 >> 实用素材 >> 特效代码 >> 图片加边框及虚化处理代码(月圆中秋)
    
  双击自动滚屏  
图片加边框及虚化处理代码(月圆中秋)

发表日期:2014年2月8日  出处:整理转载  作者:月圆中秋  本页面已被访问 9653 次

1双线框

代码:

<center>
<img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="border:5 double green"><br><br><br></center>

 



 

2凸出框

代码:

<center>
<img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg"style="border:25 outset #ff88ff"><br><br><br></center>

 




3.凹进框

代码:

<center> <img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="border:25 inset #ff88ff"><br></center>

 


4邮票框

代码:

<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://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg"></td></tr></table></center>

 

5。凹槽框

<center>
<img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="border:25 groove green" border="0"><br><br><br></center>

 




6脊状框

<center>
<img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="border:25 ridge green" border="0"><br><br><br></center>

 




7模糊效果

<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

 

8。浮雕效果

<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

 

9。黑白效果

<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:'gray'"></center>

10 X光效果(底片)

<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:'xray'"></center>

 

11。上下颠倒

<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:flipv">

 

 
12 左右颠倒
 
<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:fliph"></center>
 
13色彩颠倒
 
<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:invert"></center>
14粒状阴影
<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>
15。水波效果(风吹)
<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>
 
16X形渐变透明
<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
17圆形渐变透明
<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
18。横向渐变透明
<center><img src="http://t-1.tuzhan.com/6ea9c5c469f0/p-2/l/2014/02/08/14/6ab96f1d16264f8a8d7f3aba182c859e.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">
 


  双击自动滚屏  
  相关评论:    

发表人:温情无忌
发表人邮件:dahua8888888@163.com发表时间:2014-2-8 21:26:00
中秋辛苦,这套代码在编辑帖子时候非常好用。任何色调的图片经过如此处理都能很好地放到各种背景上。谢谢了。

  发表评论:    

用 户 名:
电子邮件:
评论内容:
(最多评论字数:500)

心缘之梦 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 |

联系人:“心缘之梦”微信群yueyuanzhongqiu20080815