简单实现网站灰色效果以谨记2020年4月4日悼念日
一 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%);
}参考资料：CSS filter滤镜属性
简单实现网站灰色效果以谨记2020年4月4日悼念日相关推荐
- 谨记2017年8月30日10:03:26
软件开发必须先熟悉业务,然后才能根据业务展开功能.
- 吵架记-2020年6月22日16:47:45
1.洗内裤 勤快一点 2.搬家 应该在一个层次比较,有些时候,异地和非异地没有办法比.但是你能够做到比非异地做的更好,那就更好了. 3.房租 她性格 就不会主动给你要钱.但是她没有钱也不说. 所以,直 ...
- IT研发软件项目每天立会分享-【记2020年08月06日项目研发工作进展】
每日立会在技术研发项目团队,还是有必要也有实际意义的会议.其形式是通过每天早晨项目团队成员一起参与的简短会议,可快速的了解项目进展,及时有效的发现问题,并解决问题,,可以高效的提高团队合作.问题可以是 ...
- 记2020年7月5日深圳福田凤凰楼嵌入式/物联网博客-公众号大佬面基聚会
今年最大的收获就是有机会认识这群在嵌入式方向不断深耕的大佬,这一点我要感谢黄工一直以来对我们的指导,才让我们有这样的机会相聚在一起. strongerHuang-黄工 公众号『strongerHuan ...
- 画出烟熏眼妆的6大要点,清纯小女生谨记
画出烟熏眼妆的6大要点,清纯小女生谨记 清纯烟熏妆 妆容要点:清纯派的立体小烟熏眼妆让眼睛看起来自然有神,却别于烟熏给人的夸张浓重的印象,即使平常上课.上班或打工也一点都不突兀.把黑色全藏在根部,用咖 ...
- 南宁网络推广浅析如何分析SEO数据，才能助力网站优化效果更“事半功倍”？...
南宁网络推广在做网站优化的过程中,很多优化人员都会习惯于先分析好网站数据再进一步做优化的方案和规划,确保网站优化效果更精准高效,能帮助网站更快的提升排名.那么对于想要做的更好的南宁网络推广优化人员来说 ...
- 浅析如何从比值得出网站优化效果的好坏？
自从网站建立之后就开始了网站优化工作,但是想要做出好的优化效果需要站长多加费心.很多网站的流量都来自于用户的自然搜索,因此,这就意味着搜索引擎的优化十分关键.很多企业对于网站的自然搜索排名都进行了KP ...
- 怎么用百度搜索php网站,PHP简单获取网站百度搜索和搜狗搜索收录量的方法
本文实例讲述了PHP简单获取网站百度搜索和搜狗搜索收录量的方法.分享给大家供大家参考,具体如下: 获取网站百度搜索和搜狗搜索的收录量代码,可以用于获取网站域名在搜索引擎的收录数量,一直想找这个API但 ...
- HTML5期末大作业：体育篮球网站设计——篮球活动(9页) HTML+CSS+JavaScript 校园篮球网页作业成品 学校篮球网页制作模板 学生简单体育运动网站设计成品
HTML5期末大作业:体育篮球网站设计--篮球活动(9页) HTML+CSS+JavaScript 校园篮球网页作业成品 学校篮球网页制作模板 学生简单体育运动网站设计成品 常见网页设计作业题材有 个 ...
- 实验一 基于CSS+HTML+JS开发简单个人网站
目录: 实验要求 实验代码 1.注册 2.登录 3.主页 4.个人简介 5.我的理想 6.我的生活 7.学习内容 总结 实验要求 实验一 基于CSS+HTML+JS开发简单个人网站 实验学时:4 ...
最新文章
- 我的商汤实习年末总结
- C++中的const成员函数（函数声明后加const，或称常量成员函数）用法详解
- 参加51CTO组织的2013云计算架构师大会
- 纯做技术是自娱自乐 抛开技术做技术才是出路
- PyTorch之torch.nn.Softmax()
- ROS笔记（11） Qt工具箱
- 测试奶粉真假的软件,体绝假货！最详尽的奶粉真假辨别方法都在这里！
- webpack打包压缩混淆_细说webpack系列 3. webpack-cli 零配置打包
- Nginx部署前端项目
- 测试用例模板及测试报告分析
- 小米无线wifi代理服务器,小米路由器Mini无线中继（桥接）设置教程
- Linux下分卷压缩与解压
- hdu4415 Assassin’s Creed (贪心)
- 调停者模式 java_《JAVA与模式》之调停者模式
- 代谢组与转录组联合分析方法介绍
- Intel 14nm工艺生产线即将上马
- rust: 引用第三方库（Cargo.toml、Cargo.lock文件）
- JavaScript之ECMAScript
- 国家电网利润超五大发电集团净利总和
- 给汉字你 我 他 在Unicode表中的位置（作业）