CSS 滤镜——Alpha 滤镜

80酷酷网    80kuku.com

  css|滤镜  Alpha 滤镜

  "Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定各种不同范围的透明度。

        Alpha 滤镜语法 {FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,

  参数含义分别如下:

         参数  说明
        opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。 
        finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
       style 指定透明区域的形状特征:
       0 代表统一形状
       1 代表线形
       2 代表放射状
       3 代表矩形 
        startx 渐变透明效果开始处的 X坐标。
        starty 渐变透明效果开始处的 Y坐标。
        finishx 渐变透明效果结束处的 X坐标。 
        finishy 渐变透明效果结束处的 Y坐标。

  具体效果应用如下:

        CSS滤镜实现 代码 效果拷屏
        正常图片
        <img src="http://edu.cnzz.cn/NewsInfo/pic1.jpg"
         width="180" height="120"> 
          透明度为60
        <img src="http://edu.cnzz.cn/NewsInfo/pic1.jpg"
         width="180" height="120">
          区域透明度设置,从(0,5)到(90,60)
         <img src="http://edu.cnzz.cn/NewsInfo/pic1.jpg"
         opacity=0, finishopacity=100,
         startx=0,starty=5,
         finishx=90,finishy=60"
         width="180" height="120" >

 



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: