给网站添加灰白滤镜（默哀主题色）

默哀专用，添加在html根节点或者body节点，致敬英烈们，感恩你们的守护~~

1、天猫

html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

2、京东

html.o2_gray {-webkit-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

3、csdn

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(grayscale=1);
}

4、qq

.garyBody {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-filter: grayscale(1);
}

给网站添加灰白滤镜（默哀主题色）相关推荐

基于elementui的主题色改变和全网站色彩切换
主题色切换什么是主题色切换,所谓的主题色切换就是我们通过自定义的方式去修改elementUI原有的主题色,以达到我们业务所要使用的多(单)色彩切换. 静态切换 elementui 采用的是scss进 ...
vue nuxt网站设置黑夜白天模式切换自动识别系统主题色变化
主要用到的方法 document.body.setAttribute("data-theme", 'dark'); window.matchMedia('(prefers-colo ...
HBuilderx修改主题色-为css属性名与值添加颜色，改变编辑器背景颜色等
hbuilderx主题设置效果步骤 hbuilderx总共有三种主题,绿柔主题Default,酷黑主题Monokai,雅黑主题Atom One Dark,修改主题色是基于三种主题之一的,不能直接创 ...
【前端教程】给网站添加暗黑模式指南
导读:给网站添加暗黑模式是随着macOS中的暗黑模式(Dark Mode)出现之后的一个热门话题.社区中有关于这方面的讨论也很多,都在围绕着怎么给网站添加暗黑模式.今天在这篇文章再次和大家一起聊聊这个 ...
给网站添加暗黑模式指南
作者|廖伟华(大貘) 出品|阿里巴巴新零售淘系技术部导读:给网站添加暗黑模式是随着macOS中的暗黑模式(Dark Mode)出现之后的一个热门话题.社区中有关于这方面的讨论也很多,都在围绕着怎么给 ...
C#/.Net Core/WPF框架初建(国际化、主题色)
English | 简体中文作为 TerminalMACS 的一个子进程模块 - WPF管理端,目前搭建框架部分功能:本地化.国际化.主题色修改等. 导航目录 1.框架已添加功能说明 1.1. 国际 ...
c# contains方法_C#/.Net Core/WPF框架初建(国际化、主题色)
C#/.Net Core/WPF框架初建(国际化.主题色) English | 简体中文作为 TerminalMACS 的一个子进程模块 - WPF管理端,目前搭建框架部分功能:本地化.国际化.主题 ...
使用Win32 API获取Windows系统主题色
在Windows7以后增加了系统主题色的功能,这个功能一直延续到了Windows10.如图: 如果需要在程序中获取到这个颜色值,那么可以使用微软提供的一个Win32 API:DwmGetColoriz ...
动态调整web主题(3): 基于tailwindcss插件的主题色生成方案‘
动态调整web主题(3): 基于tailwindcss插件的主题色生成方案动态调整web主题(3): 基于tailwindcss插件的主题色生成方案前言 tailwind-css-variable ...

给网站添加灰白滤镜（默哀主题色）

给网站添加灰白滤镜（默哀主题色）相关推荐

最新文章

热门文章