欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-21 15:48:42
...
不能忘却的悼念:为表示对本次重大疫情逝去的人们哀悼,将网站整体变为了黑白色,以表示对逝者的悼念。

下面将代码分享给大家:

黑白色CSS代码

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

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

使用教程:

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

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

添加后黑白效果图:

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

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

相关标签: css