1. grayscale 灰度
.box{-webkit-filter:grayscale(100%)}
2. sepia 褐色
.box{-webkit-filter:sepia(100%)}
3. saturate 饱和度
.box{-webkit-filter:saturate(100%)}
4. opacity 透明度
.box{-webkit-filter:opacity(.5)}
filter:alpha(opacity=50) // ie 6 7 8 兼容
5. brightness 亮度
.box{-webkit-filter:brightness(.5)}
6. drop-shadow 阴影
.box{-webkit-filter:drop-shadow(5px 5px 5px #ccc)}
7. blur 模糊
.box{-webkit-filter:blur(3px)}
模糊兼容
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);