如何用一行代码,让网页变为黑白配色

一行代码

这一行代码是个CSS代码:

filter:grayscale(1)

为了使整个网页生效,你可以把它放在标签的样式里。直接写到 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% 之间的值会使灰度线性变化。

如果你不想完全灰掉。可以设置个相对小的数字。

你可能感兴趣的:(如何用一行代码,让网页变为黑白配色)