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

Posted 尔嵘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web网站整体变灰色仅仅需要两行代码相关的知识,希望对你有一定的参考价值。

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

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

 

欢迎扫码订阅公众号:

 

以上是关于web网站整体变灰色仅仅需要两行代码的主要内容,如果未能解决你的问题,请参考以下文章

网页变灰色的代码在火狐下无效,谁能找个解决的办法,谢谢

如何在 MS Word 文档中显示代码片段,因为它在 *** 中显示(滚动条和灰色背景)

在你的css里加上以下代码即可,网页马上变黑白灰色

在你的css里加上以下代码即可,网页马上变黑白灰色

网站变灰代码如何让网页变灰

如何在javascript中让一个链接变成灰色,不可点击?