一行代码
这一行代码是个CSS代码:
filter:grayscale(1)
为了使整个网页生效,你可以把它放在<html>标签的样式里。直接写到 html 文件内,例如:
html{filter:grayscale(1);}
html{filter:grayscale(1);}html{filter:grayscale(1);}html {
filter:grayscal(1);
-webkit-filter:grayscale(1);//为了兼容性
}
原理
我们使用了 CSS 特性 filter,并用了grayscale对图片进行灰度转换,允许有一个参数,可以是数字(0到1)或百分比,0% 到 100% 之间的值会使灰度线性变化。
如果你不想完全灰掉。可以设置个相对小的数字。