哀悼日设置网站主题为黑白主题

1、设置指定时间变灰

//获取当前时间

let nowDate = new Date().getTime()

//设置结束时间

let endDate = new Date('2020/04/05 00:00:00').getTime()

//判断是否小于结束时间

if(nowDate < endDate){

document.body.cssText = "filter:grayscale(100%)" //浏览器兼容加上前缀就好了

}

//ie滤镜

'filter':'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'

2、直接写css,不控制时间

<style>

body {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

/* ie */

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

}

</style>

哀悼日设置网站主题为黑白主题相关推荐

R语言ggplot2可视化设置不同的图像主题（theme）:使用各种不同的主题(theme)可视化数据、单的黑白主题theme_bw主题（theme）、默认的主题（theme）可视化数据
R语言ggplot2可视化设置不同的图像主题(theme):使用各种不同的主题(theme)可视化数据.单的黑白主题theme_bw主题(theme).默认的主题(theme)可视化数据目录
主题图标_Avada主题网站favicon图标设置详细图文教程
Avada主题网站favicon图标如何设置?很多网站打开后在浏览器标题栏会发现前面有一个小图标,在浏览器标签页和收藏夹中也能看到.这个标志名叫 favicon图标.ico图标.网站图标.是展示网站个 ...
ant-design实现主题暗黑主题和亮色主题的切换（实现网站黑白皮肤）
最近在使用vite+react + ant-design 来搭建个人站点,看到网上好多网站都实现了黑白皮肤的切换,并且ant-design帮我们实现了三套主题色,一个默认亮白色,暗黑主题和紧凑主题.于 ...
Android 设置黑白主题
今天很多App都变成了黑白颜色,正好符合今天的氛围.初步设想会设置一个黑白主题,这样的话就要求App中的各组件都引用到我们的标准style,但是真是的场景其实很难这么标准的满足,还有另外一个方式就是在 ...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...
Ztmao主题猫wordpress主题经典失传版/WP网站模板下载站源码+全局SEO功能设定
Ztmao主题猫wordpress主题经典失传版/WP网站模板下载站源码+全局SEO功能设定,主题猫主要提供 wordpress 网站模板.wordpress 博客主题-wordpress 企业主题下 ...
让所有网站都支持深色主题 - Dark Reader
深色主题舒适又护眼,广受大家的喜爱 .我们所接触到的操作系统(电脑&手机)基本上都支持了深色主题,很多 APP,特别是阅读 APP 也都支持深色主题.可是网站呢?有些支持有些不支持. 如何能让 ...
将vs2010设置为2013黑色经典主题
VisualStudio 2010的界面默认是蓝色的,背景是白色,字体是宋体,这些设置习惯了还好,但是可能看多了不怎么舒服.而且如果以前是用VS 6.0的知道,它使用的字体更为舒服清晰.所以,可以对V ...
android studio 改字体,Android Studio设置、改变字体和主题的方法
1.步骤:File >> settings >> Appearance & Behavior >>Appearance >> 来到修改界面如下 ...

哀悼日设置网站主题为黑白主题

哀悼日设置网站主题为黑白主题相关推荐

最新文章

热门文章