CSS3 filter

CSS3 filter

CSS3 filter和css filter完全是两样东东。更不是我们一直说的IE滤镜。

Filters主要是运用在图片上，以实现一些特效。（尽管他们也能运用于video上）

 

其默认值是none，他不具备继承性，其中filter-function一个具有以下值可选：

1. grayscale灰度
2. sepia褐色（求专业指点翻译）
3. saturate饱和度
4. hue-rotate色相旋转
5. invert反色
6. opacity透明度
7. brightness亮度
8. contrast对比度
9. blur模糊
10. drop-shadow阴影

目前支持这个属性的浏览器少得可怜，现在只是webkit支持，而且只有webkit nightly版本和Chrome 18.0.976以上以上版本才支持

事例写法：

.grayscale{

          -webkit-filter:grayscale(1);

      } 

语法：

  elm {

        filter: none | <filter-function > [ <filter-function> ]*

      } 

转载于:https://www.cnblogs.com/SmallNiu/p/4267909.html