首页  >  文章  >  web前端  >  不能忘却的悼念:将网页背景变为黑白色调教程

不能忘却的悼念:将网页背景变为黑白色调教程

青灯夜游
青灯夜游原创
2020-04-04 11:28:224451浏览

不能忘却的悼念:为表示对本次重大疫情逝去的人们哀悼,php中文网将网站整体变为了黑白色,以表示对逝者的悼念。

下面将代码分享给大家:

黑白色CSS代码

html{
  -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray; 
}

很简单,加上一段代码即可。

使用教程:

这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现整站素装。

48.png

添加后黑白效果图:

4ebf7448c81497c71ff3171ee08e9e2.png

以上是不能忘却的悼念:将网页背景变为黑白色调教程的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn