首页 > 代码库 > CSS3 滤镜

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%);

CSS3 滤镜