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

雨星的博客

淘宝小店小雨时尚女鞋http://rainmmshoes.taobao.com

 
 
 

日志

 
 

打造图片的特殊效果  

2013-03-09 23:31:05|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

爱↑↓雨天的 打造图片的特殊效果

原图片

 打造图片的特殊效果 - 香儿 - xianger  

一、透明效果


WIDTH: 160px; HEIGHT: 160px  这是照片的宽度和高度

代码:

<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div>

 说明:

1、opacity:开始处的透明度。

2、finishOpacity:结束处的透明度。

3、style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明。

4、涉及到的属性,根据需要修改相应数值即可。

 

二、翻转效果

1、左右翻转:

代码:

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

<div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div>

 效果:

 

2、上下翻转:

代码:

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

<div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div>

 

 

三、变调效果

1、灰调:

代码:

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

<div style="filter:Gray ;width:宽;height:高"><img src="图片地址"></div>

 效果

 

   

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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