使用CSS将网页变灰色 图像灰度grayscale()

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

<filter-function> CSS 数据类型 代表可以改变输入图像外观的图形效果。它可以用于filter 和 backdrop-filter 属性。

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

添加CSS代码：

html{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	_filter:none
}

彩色变灰度值的网页效果。