各位老铁们，大家好，今天由我来为大家分享只需一行代码即可将网页变为黑白。，以及的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！
2022年12月1日起，各大网站首页均改为黑白。
一行代码
我们使用CSS特征过滤器和灰度将图像转换为灰度。它允许一个参数，可以是数字（0 到1）或百分比。 0% 到100% 之间的值将使灰度呈线性。改变。
如果你不想完全变成灰色。您可以设置一个相对较小的数字。
掘金首页设置为0.95，相当大，看不到颜色。
兼容性
我们使用CSS特征过滤器，兼容性很好：
掘金将样式添加到html 元素。
filter 样式加到 html 还是 body 上
请参阅： Drafts.fxtf.org/filter-effe… 了解原因。
引用：
过滤器属性的值不是none 会导致为绝对位置和固定位置的后代创建包含块，除非它应用到的元素是当前浏览上下文中的文档根元素。
翻译：
原创文章，作者：小su，如若转载，请注明出处：https://www.sudun.com/ask/172771.html
用户评论
面瘫脸
这真的太神了！我都不知道浏览器支持这种操作！我要赶紧试试看，在我的博客上用黑白配色的网页来营造更简洁的感觉!
有17位网友表示赞同！
青墨断笺み
就这个一键搞定黑白网页的功能，我还真不知道呢！我一直都是手动一个个颜色调整，好费时间。以后要是有主题想换成黑白的可以试一下这招了
有17位网友表示赞同！
刺心爱人i
哇塞！看着标题我就觉得很高科技感，之前见过用CSS实现这种效果的代码，现在居然可以用一行代码实现太棒啦！
有17位网友表示赞同！
怀念·最初
感觉有点酷炫！但是我个人更喜欢彩色网页，黑白配色总觉得少了点活力和趣味性。不过这个方法确实很方便实用。
有15位网友表示赞同！
断秋风
让我试试看能不能用这行代码把我的网站做成复古的黑白风格啊，想想就激动!
有14位网友表示赞同！
那伤。眞美
我一直觉得黑白配色会让网页看起来更加简洁明了，减少视觉冲击的效果，所以这个代码真是太棒啦！ 可以帮我节省很多时间和精力
有5位网友表示赞同！
不忘初心
这行代码也太简单了吧！虽然我已经知道有很多方法可以把网页变成黑白的了，但我还是忍不住要试试看新奇的方法。
有17位网友表示赞同！
巷陌繁花丶
但是使用黑白配色真的会影响用户体验吗？特别是对于一些需要强调颜色差异的页面来说，会不会更难让人阅读和理解呢？
有9位网友表示赞同！
陌颜
我的网站比较注重视觉效果，我喜欢用各种各样的颜色来表达不同的主题和情感。 用黑白配色虽然简单直接，但我想我会坚持自己熟悉的风格。
有15位网友表示赞同！
繁华若梦
感觉这个代码可能只适用于一些特定的网页类型，比如新闻网站或者博客页面，对于电商平台或者其他需要展示产品的页面来说，黑白配色可能不太合适吧？
有17位网友表示赞同！
颓废人士
这真的太酷了！让我想到之前看过的那些黑白电影的画面效果，用这行代码把网页做成复古电影的感觉，想想就觉得很有创意!
有16位网友表示赞同！
米兰
是不是每个浏览器都能使用呢？会不会兼容性问题啊？我记得以前做过网站的时候遇到过很多关于颜色渲染和兼容性的问题……
有18位网友表示赞同！
全网暗恋者
我也想知道能不能通过这行代码自定义黑白配色的比例或者色调，这样就能更加准确地控制网页的视觉效果了。
有5位网友表示赞同！
陌颜幽梦
这个方法虽然简单方便，但我还是更倾向于使用CSS来定制网页的颜色和主题，这样能够实现更精细化的设计方案。
有10位网友表示赞同！
冷风谷离殇
我觉得黑白配色确实能够有效提升页面简洁性和可读性，尤其是在阅读大量文字内容的时候。
有7位网友表示赞同！
┲﹊怅惘。
这行代码真的可以解决很多网页设计的难题，让那些想要快速打造黑白风格的效果的用户更加轻松便捷！
有8位网友表示赞同！
?娘子汉
我希望这种功能能够被更多人所知晓和应用，让互联网世界变得更加简洁、明亮!
有5位网友表示赞同！
独角戏°
这个方法很有潜力，希望将来会有更多的类似的简单高效的技术出现，可以帮助开发者更快速地构建出自己想要的效果。
有13位网友表示赞同！