只在网页中加入这个样式就可以了,大家可以拿去试试
应用场景
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。 |
方法一
body{
background-blend-mode: luminosity;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
方法二
只需要在全局样式中加入一句话就可以了,
filter: grayscale();
或者
-webkit-filter: grayscale();
扫描二维码关注公众号,回复: 16067718 查看本文章