一个非常有意思的css3属性filter

标签：

filter这属性貌似可以是img图片在黑白与彩色间转换 filter：grayscale(1)为黑白色，filter：grayscale(0）位彩色，可以用于hover效果 img：hover{filter：grayscale(0)}图片变彩色，兼容问题当前主流浏览器(IE除外)支持，使用前缀，-webkit-filter 、-moz-filter、-ms-filter、-o-filter

大致无语：filter: none | <filter-function > [ <filter-function> ]*

默认为none,不具备继承性，其中filter-function可选值有以下（翻译不是很准，O(∩_∩)O百度的）：

这些值默认大都是100%也就是（1） blur hue-rotate默认值是（0）；

1. grayscale（灰度）
2. sepia（这个百度是 乌贼，。。。也有翻译为褐色）
3. saturate饱和度
4. hue-rotate色相旋转
5. invert反色
6. opacity透明度
7. brightness亮度（个人感觉这个比较有用，）
8. contrast对比度
9. blur模糊
10. drop-shadow阴影　　

一个非常有意思的css3属性filter

标签：

原文地址：http://www.cnblogs.com/liangxiblog/p/5714625.html