本文摘自PHP中文网，作者V，侵删。
将整个网页全局变色有三种方法，分别是：css直接设置，添加svg滤镜，通过js遍历所有标签更改颜色。
1、css直接设置
直接编辑样式，然后在需要应用的地方设置class
1 2 3 4 5 6 7 8 | .gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
|
（视频教程：css视频教程）
2、svg
阅读剩余部分
相关阅读 >>
css sprite优缺点有哪些
css中列表样式是什么
koala如何压缩css
css怎么让图片随屏幕变化大小
如何修改织梦css
css如何实现鼠标经过样式改变
css如何让div隐藏
3种css使用方法
css怎么设置文件编码
css怎么设置最小宽度
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css实现将网页变成黑白色
