分享

【如雪】打造图片的特殊效果

 拈花如雪 2012-03-05

原图片

一、透明效果

代码:

<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:FlipV ;width:宽;height:高"><img src="图片地址"></div>

 

 

三、变调效果

1、灰调:

代码:

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

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

 效果

 

   

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 全屏 打印 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多