简单实现网站灰色效果以谨记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 ...
最新文章
- python只读打开文件_Python 文件只读打开模式是???????????????????????????????????????
- 两张图看懂GC 日志
- 【转】python包导入细节
- Python startswith() 方法
- uva140 Bandwidth
- CPU、GPU、FPGA、ASIC等AI芯片特性及对比
- Jackson中的自定义反序列化器和验证
- 北师大计算机组成原理离线作业,北师大网络教育 离线作业 计算机组成原理(一、二、三)...
- 收获，不止SQL优化——抓住SQL的本质--第六章
- 互联网行业哪个职位比较有前途？
- 【Android综合应用】概述
- 手机上最好用的五笔输入法_手机输入法哪家最好用？我推荐百度，不好用你打我...
- 阿里巴巴python开发面试_在阿里巴巴面试，是什么样的体验?
- 关系网络lbs的应用_基于LBS的陌生人社交APP
- 决策树（基础理论篇）
- 消耗cpu资源的脚本
- 解决国内 github.com 打不开的最最最准确方法
- Unity调用UniWebView打开H5界面脚本
- windows下vs2015编译POCO及使用poco操作sqlite
- 【Mac上的PotPlayer视频播放器】Movist Pro for Mac 2.1.2