web网站整体变灰色仅仅需要两行代码

Posted 2021-08-02 尔嵘

在一些庄严严肃的时间段内，很多政府官网已经大的企业平台都会让web网站整体页面全部呈现灰色（灰暗色）来表达尊敬或者悼念之情！但作为一个前端人员，你必须知道怎么快速实现，而不能一个页面一个页面去设置样式，其实，仅仅需要下面的代码即可实现：

html{
     /* 网页全部设置灰色 */
     -webkit-filter: grayscale(100%);
	 filter: grayscale(100%);
}

 

欢迎扫码订阅公众号：