一行代码
filter: grayscale(1)
为了使整个网页生效，你可以把它放在 <html> 标签的样式里。直接写到 html 文件内（或用内联样式，像我上面修改），例如：
<style>
html {
filter: grayscale(1);
}
</style>
为了更好的兼容性，你可以补一个带 -webkit- 前缀的样式，放在 filter 后面：
<html style="filter:grayscale(1);-webkit-filter:grayscale(1)">
...
</html>
使用了 CSS 特性 filter，并用了 grayscale 对图片进行灰度转换，允许有一个参数，可以是数字（0到1）或百分比，0% 到 100% 之间的值会使灰度线性变化。
如果你不想完全灰掉。可以设置个相对小的数字。
掘金首页是设置了 0.95，也挺大的，看不出彩色。
但如果你的网页内有「绝对和固定定位」元素，一定要把 filter 样式加到 <html> 上。
中国共产党中央委员会、中华人民共和国全国人民代表大会常务委员会、中华人民共和国国务院、中国人民政治协商会议全国委员...
一行代码 这一行代码是个CSS代码： filter:grayscale(1) 为了使整个网页生效，你可以把它放在 ...
如何用一行代码实现网页变灰效果？ 文章 摘抄于 菜鸟教程 如何用一行代码实现网页变灰效果？ 网站变灰 这个样式名叫...
前言 前面一个Android大佬发出：Android App 的“黑白化”，有一行代码实现的方案吗？[https:...
清明已过,谷雨未来。 一行代码变灰术： -webkit-filter:grayscale(1) 就这么顺利的完...
一行代码实现 UIView 镂空效果 一行代码实现 UIView 镂空效果
站在巨人们的肩膀上，努力学习~ 精选文章 App 抖音包大小优化-资源优化 App 黑白化实现探索，有一行代码实现...
网页页面： 源代码实现： 实现效果：
一行代码实现
网页配色类型了解一下—— 1.主体色：主体色是占网页面积最大的一块颜色，就是你眯起眼睛看到的那块颜色（面积占整体网...
本文标题：一行代码实现网页黑白配色
本文链接：https://www.haomeiwen.com/subject/wgoofdtx.html
网友评论