CSS滤镜之Alpha滤镜——透明度

在CSS中有一个Alpha滤镜，这个滤镜能够设置目标元素的透明度。还能够经过指定坐标，从而实现各类不一样范围的透明度。css

具体语法以下：
{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}

具体参数含义以下：
opacity 透明度。默认的范围是从0 到 100，他们实际上是百分比的形式。也就是说，0表明彻底透明，100表明彻底不透明。
finishopacity 是一个可选参数，若是想要设置渐变的透明效果，就能够使用他们来指定结束时的透明度。范围也是0 到 100。
style   指定透明区域的形状特征：0 表明统一形状，1 表明线形，2 表明放射状，3 表明矩形
startx   渐变透明效果开始处的 X坐标。只能style = 1才有效
starty   渐变透明效果开始处的 Y坐标。只能style = 1才有效
finishx 渐变透明效果结束处的 X坐标。  只能style = 1才有效
finishy 渐变透明效果结束处的 Y坐标。只能style = 1才有效

以上的参数能够选用，能够只设置一个opacityhtml

实例： post

<html> orm

<head> htm

<title>alpha效果展现：</title>
<style type="text/Css"> //*定义CSS样式*// blog

.half{filter:alpha(opacity=50)} //*透明度50，默认形状*// ci

.s0{filter:alpha(opacity=30,style=0)} //*透明度30，统一形状*// it

.s1{filter:alpha(opacity=80,style=1)} //*透明度80，线性透明*// form

.s2{filter:alpha(opacity=80,style=2)} //*透明度80，放射性*// class

.s3{filter:alpha(opacity=80,style=3)} //*透明度80，长方形*// </style>
</head>

<img class=s0 src="Sunset.jpg">

<img class=s1 src="Sunset.jpg">

<img class=s2 src="Sunset.jpg">

<img class=s3 src="Sunset.jpg">

</body>

</html>

注意：在滤镜属性中，每一个参数之间使用英文的逗号（,）分隔开，交换各个参数的位置，并不影响滤镜的显示效果。