grayscale()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
grayscale()
: 对图片进行灰度转换,它是 <filter-function>
的子属性。
尝试一下
语法
grayscale(amount)
参数
amount
-
转换值的大小,可以是
<number>
或<percentage>
. 当值为 100% 时,灰度最大。0% 时与原图没有区别。0% 到 100% 之间的值会使灰度线性变化。amount 为空时使用值为1
.
例子
css
grayscale(0) /* 无效果 */
grayscale(.7) /* 70% 灰度 */
grayscale(100%) /* 灰度最大 */