CSS--filter

CSS3 filter

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

  其默认值是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阴影

用法如下:

 img{
    -webkit-filter:sepia(1);
}

  PS:浏览器的兼容性——目前支持这个属性的浏览器只有webkit,而且只有webkit nightly版本和Chrome 18.0.976以上以上版本才支持,所以说,你要是想看到效果就需要下载这两个版本中的一个。

posted @ 2017-04-06 16:27  莫问、前程  阅读(175)  评论(0编辑  收藏  举报