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%)  /* 灰度最大 */