首页 > 代码库 > CSS3 filter

CSS3 filter

CSS3 filter

CSS3 filtercss 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> ]*

      } 

CSS3 filter