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

谢树深博客

 
 
 

日志

 
 

图片特效处理  

2008-12-25 00:59:09|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图片特效处理

1、单边框

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

2、双边框

 

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

3、立体镜框(一)

 

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

4、立体镜框(二)

 

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

5、虚线框

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

6、凹槽框

 

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

7、脊状框

 

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

8、横向渐变透明

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

9、圆形渐变透明

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

10、X形渐变透明

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

11、黑白效果

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

12、X光效果(底片)

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

13、浮雕效果

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

14、上下颠倒

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

15、左右颠倒

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

16、色彩颠倒

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

17、粒状阴影

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

18、模糊效果

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

19、水波效果(风吹)

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

图片特效处理 - 笑看风云 - 笑看风云博客

 

20、水中倒影效果

<center><IMG src="图片地址" width="200" height="150"><BR>

<IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" width="200" height="150"></center>

图片特效处理 - 笑看风云 - 笑看风云博客
图片特效处理 - 笑看风云 - 笑看风云博客

 

笑看风云欢迎你

  评论这张
 
阅读(1437)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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