grayscale()

版本：CSS3

grayscale()：对图片进行灰度转换，它是<filter-function>的子属性.

示例

filter: grayscale(0);
filter: grayscale(0.20);
filter: grayscale(60%);
filter: grayscale(1);

浏览器支持

浏览器都支持grayscale()函数

语法

grayscale(amount)

取值

• amount：转换值的大小，可以是<number>或<percentage>.当值为100%时，灰度最大. 0%时与原图没有区别. 0%到 100%之间的值会使灰度线性变化.amount为空时会自动插入0.

实例

grayscale(0)     /* 无效果 */
grayscale(.7)    /* 70% 灰度 */
grayscale(100%)  /* 灰度最大 */