Alpha通道属性： Filter ：ahpha（opacity=80） 80变量取值范围[1----100]
Blur模糊 4是一个变量
属性：Filter ：progid：dximagetransform.microsoft.biur(pixelradius=4,makeshadow=falsh)
Chroma透明色属性:filter:chroma(color=ff6800)ff6800是指去掉ff6800这个颜色
Flip翻转属性：fliter:flipv fliph flipv水平方向 fliph 垂直方向
Mask遮罩属性：filter：mask（color=#8888ff） #8888ff是指使用#8888ff遮罩原始图片
Wave波浪 属性：filter:wave(add=1,freq=4,lightstrength=60,phase=0, strength=6) 这是我在学习CSS的时候自己记的笔记
<!DOCTYPE HTML><html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">
<title></title>
<style type="text/css">
#all{border: 1px solid #BFBFBFwidth: 500pxheight: 200pxposition: relativetop: 100pxmargin: 0 auto}
li{list-style: nonewidth: 120pxheight: 120pxbackground: #000000float: leftmargin-left: 5pxtext-align: centercolor: #FFFFFFfont-size: 20px}
li:hover{opacity: 0.5}
</style>
</head>
<body>
<div id="all">
<ul>
<li>我是猪</li>
<li>我是猪</li>
<li>我是猪</li>
</ul>
</div>
</body>
</html>
所谓的滤镜就是改变透明度而已，如果是在css中来写，就是直接给你要改变的标签设置透明度属性，如果是js，那就添加动画改变透明度，可以做出很多很炫的效果。
CSS滤镜:Mask属性 Mask属性为对象建立一个覆盖于表面的膜CSS滤镜:blur属性 假如您用手在一幅还没干透的油画上迅速划过，画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果
CSS滤镜:Chroma属性 Chroma属性可以设置一个对象中指定的颜色为透明色
CSS滤镜:DropShadow属性 DropShadow属性是为了添加对象的阴影效果的
CSS滤镜:FlipH、FlipV属性 Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转
CSS滤镜:Glow属性 当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果
CSS滤镜:Invert属性 Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值
CSS滤镜:Shadow属性 Shadow属性可以在指定的方向建立物体的投影
CSS滤镜:Wave属性 Wave属性用来把对象按照垂直的波纹样式打乱。
CSS滤镜:Xray属性 这种属性产生的效果就是使对象看上去有一种X光片的感觉
CSS滤镜:alpha属性 alpha是来设置透明度的
CSS滤镜属性详解教程：http://tech.163.com/05/0329/15/1G18AIVD0009158P.html
