加载中…
个人资料
csbeyond
csbeyond
  • 博客等级:
  • 博客积分:0
  • 博客访问:583,299
  • 关注人气:125
  • 获赠金笔: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意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

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

    新浪公司 版权所有