grayscale()
**grayscale()** CSS 函数 将输入图像转换为灰度。其结果是 <filter-function>。
尝试一下
语法
css
grayscale(amount)
参数
amount-
转换为灰度的输入图像量。它被指定为
<number>或<percentage>。值为100%将输入完全转换为灰度，而值为0%则保持输入不变。0%和100%之间的值对效果具有线性乘数。如果grayscale()过滤器存在但没有参数，则默认值为1。用于 插值 的初始值为0。
示例
grayscale() 的正确值的示例
css
grayscale(0) /* No effect */
grayscale(.7) /* 70% grayscale */
grayscale(100%) /* Completely grayscale */
规范
| 规范 |
|---|
| 过滤器效果模块级别 1 # funcdef-filter-grayscale |
浏览器兼容性
BCD 表格仅在浏览器中加载