分享

☆Alpha滤镜图片详解

 春天没来 2013-01-19
opacity=50,finishOpacity=0,style=0:

opacity=100,finishOpacity=0,style=1:

opacity=100,finishOpacity=0,style=2:

opacity=100,finishOpacity=0,style=3:

Opacity=10, FinishOpacity=90, Style=3, StartX=0, StartY=0, FinishX=100, FinishY=100:

代码注释:
opacity:开始处的透明度 finishOpacity:结束处的透明度 style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明
Opacity开始时的透明度。0(完全透明)~100(完全不透明)
finishOpacity
结束时的透明度。0(完全透明)~100(完全不透明)
style
渐变的形状。0:均匀;1:直线;2:圆形;3:矩形
startX
渐变开始时的X坐标,度量单位为图片宽度的百分比
startY
渐变开始时的Y坐标,度量单位为图片高度的百分比
finishX
渐变结束时的X坐标,度量单位为图片宽度的百分比
finishY
渐变结束时的Y坐标,度量单位为图片高度的百分比
表达方式: 
style=filter:Alpha(style=1,opacity=100,finishopacity=0,startX=0,startY=0,finishX=50,
finishY=50)
>
注意事项:
1、由于“Alpha”滤镜使当前元素部分透明,该元素下层的内容的颜色对整个效果起着重要作用,因此颜色的合理搭配相当重要;
2、透明度的大小要根据具体情况仔细调整,取一个最佳值。
★完全透明:就是只能看到背景颜色,而看不到图片本身;完全不透明:就是看不到背景颜色,只能看到图片本身。
★修改finishOpacity结束处的透明度的值,效果无变化。只要设置这个Opacity值,就可显示透明度。

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多