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


本文摘自PHP中文网,作者青灯夜游,侵删。

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

下面将代码分享给大家:

黑白色CSS代码

1

2

3

4

5

6

7

8

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

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

相关阅读 >>

浏览器内核以及浏览器兼容的问题分析

css child选择器有哪些?

css rotation属性怎么用

css important什么意思

html中hr怎么设置粗细

利用css变量来提高灵巧布局效率的小技巧

css怎么控制字体大小

django修改了css文件不生效怎么办

5款实用css 3d特效,让你的页面更惊艳!

网页设计css样式代码大全,快来收藏吧!

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...