CSS3 滤镜

语法

      filter: function(param);

CSS滤镜支持的方法（function）有

{

grayscale 灰度

sepia 褐色

saturate 饱和度

hue-rotate 色相旋转

invert 反色

opacity 透明度

brightness 亮度

contrast 对比度

blur 模糊

drop-shadow 阴影

}

 

为了实现兼容性，当然少不了前缀-webkit-

     -webkit-filter : function (param)；

 

例如：

1、blur 模糊

-webkit-filter : blur(2px);

filter : blur(2px)

2、grayscale 灰度

-webkit-filter : grayscale(100%);

filter : grayscale(100%);