博客
关于我
简单实现网站灰色效果以谨记2020年4月4日悼念日
阅读量:534 次
发布时间:2019-03-08

本文共 676 字,大约阅读时间需要 2 分钟。

一 2020年4月4日悼念日——星期六——清明节

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院决定,2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外领事馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。于此同时,很多网站全部变成了灰色,以响应党的号召,进行特殊形式的默哀。出于对技术的好奇,就简单的实现了一下该功能。

二 个人仿站原网页显示

三 个人仿站原网页仅图片灰色显示

由图所示只有图片变成灰色,实际上之只要在相应的CSS样式文件中加下列代码即可:

/*支持的浏览器 Chrome, Safari, Opera*/img{    /*90%也可以写成小数形式0.9*/    -webkit-filter: grayscale(90%);    filter: grayscale(90%); }

三 个人仿站整网页灰色显示

由图所示全网页都变成灰色,实际上之只要在相应的CSS样式文件中加下列代码即可:

/*支持的浏览器 Chrome, Safari, Opera*/*{    /*90%也可以写成小数形式0.9*/    -webkit-filter: grayscale(90%);    filter: grayscale(90%);}或者body{    /*90%也可以写成小数形式0.9*/    -webkit-filter: grayscale(90%);    filter: grayscale(90%);}

参考资料:

 

 

 

 

 

转载地址:http://wrsiz.baihongyu.com/

你可能感兴趣的文章
Mysql流程控制结构,if函数、case结构、if结构、循环结构
查看>>
mysql添加外网访问权限
查看>>
mysql添加用户
查看>>
MySQL添加用户、删除用户与授权
查看>>
mysql添加用户及权限
查看>>
Mysql添加用户并授予只能查询权限
查看>>
mysql添加用户权限报1064 - You have an error in your SQL syntax问题解决
查看>>
mysql添加索引
查看>>
mysql添加表注释、字段注释、查看与修改注释
查看>>
mysql清理undo线程_MySQL后台线程的清理工作
查看>>
mysql清空带外键的表
查看>>
MySQL清空表数据
查看>>
mysql源码安装
查看>>
Mysql源码安装过程中可能碰到的问题
查看>>
MySQL灵魂16问,你能撑到第几问?
查看>>
MySQL灵魂拷问:36题带你面试通关
查看>>
mysql状态分析之show global status
查看>>
mysql状态查看 QPS/TPS/缓存命中率查看
查看>>
mysql生成树形数据_mysql 实现树形的遍历
查看>>
mysql用于检索的关键字_Mysql全文搜索match...against的用法
查看>>