加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

几种图片的特效代码

(2007-05-03 21:26:42)
分类: *博客教程* -欢迎学习-
 原图几种图片的特效代码

 

图片雾化效果

 

<TABLE style="FILTER: Alpha(opacity=50,style=2)" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

(注:opacity=0~100之间 数值越小透明 style= 2圆形 3方形

 

X光效果

 

<TABLE style="FILTER: Xray" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

 

负片效果

 

 

<TABLE style="FILTER: Invert" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

去颜色成灰度

<TABLE style="FILTER: gray" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

水波扭曲

<TABLE style="FILTER: wave(add=0,freq=1,strength=30,lightstrength=90,phase=20);" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

模糊设置

 

<TABLE style="FILTER: blur(add=0,direction=270,strength=20)" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

透明度设置

<TABLE style="FILTER: alpha(opacity=50)';" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

 

颠倒

 

<TABLE style="FILTER: flipv" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

左右相反

<TABLE style="FILTER: fliph" height=425 width=300 align=center background=http://s1.sinaimg.cn/orignal/49bf8d50dbc2c7914d9f0 border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE>

 

PS:代码中的红色部分可以自己替换成你需要的图片地址,

不会添加代码的朋友请参考:添加模板代码的教学幻灯片

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有