特别是一些节日或者遇到特殊情况，我们经常遇到需要把整个网站变成黑白色的，实现起来也比较简单的，今天我就特别整理了一下，不过对一些低版本的浏览器可能会不兼容，一条CSS就可以搞定，也可以使用css 将body设…

特殊时候需要网页做出黑白效果，可以使用css3的滤镜 html {-webkit-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale1); }第一行对非IE浏览器生效，第二行是对IE浏览器生效（emmm…似乎浏览器就分为两…

html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale1); }使用方法 直接将以上代码写入网站公共样式文件…

css设置网站黑白滤镜属性 filter:grayscale(1);

很简单&#xff0c;添加罩层就可以 html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url("data:image/svgxml;utf8,<svg xmlns\http://www.w3.org/2000…

html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale1); }

一些节日。淘宝&#xff0c;京东等有部分页面都变成黑白色的了。大家也可以去某宝&#xff0c;某东F12看下代码&#xff0c;写法都一样的。 转载如下&#xff1a; https://blog.csdn.net/qq_45432996/article/details/105316850

网站首页变成黑白 可以试试在这个页面加上 <style scoped>html{filter: grayscale(100%)} </style>如果是使用的vue开发的话 在App.vue里 加一个style标签 里面写一个 html{filter: grayscale(100%)} 就可以了