grayscale() - CSS（层叠样式表） 编辑

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

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

语法

grayscale(amount)

参数

amount

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

例子

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

更多

• <filter-function>