网站变灰代码

html {
filter: grayscale(100%);//IE浏览器
  -webkit-filter: grayscale(100%);//谷歌浏览器
  -moz-filter: grayscale(100%);//火狐
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);//谷歌浏览器
}

时间： 2024-11-10 23:32:28

网站变灰代码的相关文章

转载网易博客：整理各大网站让网站变灰的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 的

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

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

利用filter实现网站变灰

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

Wordpress网站变灰/黑白主题

网站主题灰度显示在style.css文件顶端添加下行代码即可 html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } ? 2020开年一切都是那么的不平凡,这段时间我见证了太多的不可思议:修建"火神山"."雷神山"医院,大批医疗人员志愿者奔赴湖北:各国政府及组织捐赠防控物资:各地省内省际长途关闭.火车实行隔

css+js网站变灰

历年大型地震等自然灾害来临过后,各大网站整站都变成灰色以悼念逝去的生命重写一套css?NO,即便你有这个时间重写,那网站内的图片怎么办?难道重做一遍?很明显工作量巨大不符合实际. 火狐和chrome浏览器比较简单,直接用css3搞定: <style type="text/css"> body { filter: grayscale(100%);/*火狐*/ -webkit-filter:grayscale(100%);/*chrome*/ } </style>

网页变灰代码

html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webki

网站变灰

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\'><filter id=

网站变灰css

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }