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

宁静夏

淡之喧嚣,坐拥宁静;舍之奢靡,但享温馨。

 
 
 

日志

 
 

【转载】用代码改变图片的技巧(原创)  

2012-10-27 00:16:13|  分类: 代码学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1.

这是原图

2.

横向渐变透明

3.

圆形渐变透明

4.

X形渐变透明

5.

黑白效果

6.

X光效果(底片)

7.

色彩颠倒

8.

上下颠倒

9.

左右颠倒

10.

水波效果(风吹)

代码:

要改变图片,只要在图片代码前加一个属性即可。(红色代码)

1.这是原图
<IMG src="图片地址">

2.横向渐变透明
<IMG style="filter=alpha(opacity=100,style=1,finishopacity=0)" src="图片地址">

3.圆形渐变透明
<IMG style="filter=alpha(opacity=100,style=2,finishopacity=0)" src="图片地址">

4.X形渐变透明
<IMG style="filter=alpha(opacity=100,style=3,finishopacity=0)" src="图片地址">

5.黑白效果
<IMG style="filter:'gray'" src="图片地址">

6.X光效果(底片)
<IMG style="filter:'xray'" src="图片地址">

7.上下颠倒
<IMG style="filter:flipv" src="图片地址">

8.左右颠倒
<IMG style="filter:fliph" src="图片地址">

9.色彩颠倒
<IMG style="filter:invert" src="图片地址">

10.水波效果(风吹)
<IMG style="filter:wave(freq=11, strength=4, phase=6, lightstrength=8)" src="图片地址">

和尚编辑2011-11-08

  评论这张
 
阅读(17)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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