注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

奥黛丽

岁月静好

 
 
 

日志

 
 

22种CSS朦胧图片修饰代码  

2012-07-19 21:25:51|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 


1.单线框

<img src="图片地址" style="border:3 solid #ff0000">

2.双线框

<img src="图片地址" style="border:5 double green">

 3.凸出框

<img src="图片地址"style="border:25 outset #ff88ff">

4.凹进框

<img src="图片地址" style="border:25 inset #ff88ff">

5.邮票框

<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=533 height=399 align=center valign=middle><img src="图片地址"></td></tr></table>

6.虚线框

<img src="图片地址" style="border:4 dashed #ff0000">

7.凹槽框

<img src="图片地址" style="border:25 groove green" border="0">

8.脊状框

<img src="图片地址" style="border:25 ridge green" border="0">

9.立体阴影框

<table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"><tr><td bgcolor="#ffffff" align=center valign=middle><img src="图片地址"></td></tr></table>

10.横向渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

11.圆形渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)">

12.X形渐变透明

<img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)">

13.黑白效果

<img src="图片地址" style="filter:'gray'">

14.X光效果(底片)

<img src="图片地址" style="filter:'xray'">

15.浮雕效果

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

16.上下颠倒

<img src="图片地址" style="filter:flipv">

17.左右颠倒

<img src="图片地址" style="filter:fliph">

18.色彩颠倒

<img src="图片地址" style="filter:invert">

19.粒状阴影

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">

20.模糊效果

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)">

21.水波效果(风吹)

<img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

22.倒影效果

<font style="width:533;height:399"><img src="图片地址"><font style="width:533;height:399;filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"><img src="图片地址"></font>


  评论这张
 
阅读(162)| 评论(6)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017