前言
现在很多大厂产品,遇到清明节、南京大屠杀纪念日等节日,网站或软件就会变为灰色。
在咱们小程序或网站中,实现起来非常简单,
从各种鲜亮的颜色,一行代码变为如下图所示灰色:
解决方案
通过
filter: grayscale(100%)
滤镜属性,了解更多请 点击这里。
以下是使用的示例,您可按照方法应用到您的项目中。
<!DOCTYPE html><html lang="zh"><head><style>/* 整个页面变灰 */body{filter: grayscale(100%) }/* END */.box{background: red }.box2{background: green }</style></head><body><div class="box">我是红色盒子</div><div class="box2">我是绿色盒子</div></body></html>