怎么样实现把整个网站变成黑白色?
mylove136 · 680浏览 · 发布于2020-11-10
特别是一些节日或者遇到特殊情况,我们经常遇到需要把整个网站变成黑白色的,实现起来也比较简单的,今天我就特别整理了一下,不过对一些低版本的浏览器可能会不兼容,一条CSS就可以搞定,也可以使用css 将body设置成黑色,仅供大家的参考。
代码:
body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:gray; /*ie9- */ }
效果预览图:
相关推荐
RN开发环境的npm私库本地debug调试
manongba · 688浏览 · 2019-05-09 17:03:46
你不知道的浏览器渲染原理
追忆似水年华 · 1362浏览 · 2019-05-09 22:47:56
基于iview的router常用控制方式
追忆似水年华 · 980浏览 · 2019-06-03 10:39:21
编程小知识之 JavaScript 文件读取
manongba · 708浏览 · 2019-06-10 09:16:16
浏览器关闭后,Session会话结束了么?
追忆似水年华 · 891浏览 · 2019-06-13 09:39:50
分类专栏
最新发布
最热排行
0评论