国家哀悼日 - 网站全局变灰

国务院公告:4月4日举行全国性哀悼活动,哀悼抗疫牺牲烈士和逝世同胞。因此,在自己网站上加上下面一段CSS代码,就能把网站全局变灰了。

<style type="text/css">
    html {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url("data:image/svg+xml;utf8,#grayscale");
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(1);
    }
</style>

PS: 个人博客原文 - 国家哀悼日 - 网站全局变灰

原文地址:https://www.cnblogs.com/feiffy/p/12629461.html

时间: 2024-09-30 16:12:06

国家哀悼日 - 网站全局变灰的相关文章

【CSS Demo】网站页面变灰

让网站所有元素变成灰色调,全浏览器支持,使用了滤镜,比较吃性能,建议作临时方案使用. 实现效果(点击下面的按钮): 这里放一张图片作为效果展示: 其CSS代码如下: body{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:progid:DXImage

关于网站全体变灰

平时到哀悼日的时候,我们看到很多知名网站都变成灰色了,在网上查了下代码,分享给大家 只需要加下面的样式即可 html { filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’0.3333 0.3333 0.3333 0 0 0.3333 0.3

网站哀悼变灰代码集合 兼容所有浏览器的CSS变暗代码

下面这些CSS代码可以把网站的网页变为黑白,只需将代码加到CSS文件或网页最顶端就可以实现素装.建议全国站长动起来.为遇难的同胞哀悼. 如何将网站变成灰色调呢,网站变灰色方法是什么?有哪些?为了方便大家查看,特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用,为了方便站点哀悼,提供下面的css滤镜代码,以表哀悼.以下为全站CSS代码. 方法一:推荐用这个,浏览器兼容较好,只需把代码放到CSS文件最上面即可. html { filter: grayscale(100%); -webk

每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?

使用CSS的Filter功能. html {          filter: grayscale(100%);  //IE浏览器      -webkit-filter: grayscale(100%);  //谷歌浏览器      -moz-filter: grayscale(100%);  //火狐浏览器      -ms-filter: grayscale(100%);   //一般浏览器      -o-filter: grayscale(100%);   //opera浏览器    

网站图片变灰的通用CSS解决方案

<style> 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

转载网易博客:整理各大网站让网站变灰的css代码

2013-07-21 15:06:47 北京时间2013年4月20日8时02分四川省雅安市芦山县(北纬30.3,东经103.0)发生7.0级地震.震源深度13公里.各大网站将其网站变灰,本人整理了下部分网站变灰的css代码. 1.将网站全部变灰 html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-

网站变灰效果实现

网站变灰实现: 1 html { 2 -webkit-filter: grayscale(100%); 3 -moz-filter: grayscale(100%); 4 -ms-filter: grayscale(100%); 5 -o-filter: grayscale(100%); 6 filter: grayscale(100%); 7 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 8 } MDN 的

利用filter实现网站变灰

今年是一个特殊的清明节,举国哀悼,很多网站也都实现了变灰.很多网站包括主页和内容也都已经变成了灰色,比如百度.B 站.爱奇艺.CSDN 等等.大家可以看到全站的内容都变成灰色了,包括按钮.图片等等.这时候我们可能会好奇这是怎么做到的呢?有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式.但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式了岂不是太突兀了. 其实,解决方案很简单,只需要几行代码就能搞定了.我们只要将下面这行 CSS 样式,加

昨天网站都变灰了,你知道是怎么做的么?

昨天是 2020 年 4 月 4 日,清明节. 这个清明节,我想我们很多人在今后的很多年中都不会忘记,这一刻,我们参与了历史,同时成为了历史的见证者. 2020 年从过年到现在,我们的国家遭遇了非常惨痛的经历,很多英雄在救助他人的路上倒下,更有很多烈士保卫人民的安危遇难,全国下降半棋,北京时间上午 10 点,全国拉响防空警报,默哀 3 分钟,来致敬逆行的英雄. 同时,所有的公共娱乐活动也全部停止,包括直播.综艺.影视.游戏等等. 在昨天,如果你有打开过抖音 APP ,看到的几乎全都是我们这次的抗