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

一行代码

这一行代码是个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% 之间的值会使灰度线性变化。

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容