CSS--filter
CSS3 filter
filter: none | <filter-function > [ <filter-function> ] ;
其默认值是none,他不具备继承性,其中filter-function具有以下值可选:
- grayscale灰度
- sepia褐色(求专业指点翻译)
- saturate饱和度
- hue-rotate色相旋转
- invert反色
- opacity透明度
- brightness亮度
- contrast对比度
- blur模糊
- drop-shadow阴影
用法如下:
img{ -webkit-filter:sepia(1); }
PS:浏览器的兼容性——目前支持这个属性的浏览器只有webkit,而且只有webkit nightly版本和Chrome 18.0.976以上以上版本才支持,所以说,你要是想看到效果就需要下载这两个版本中的一个。