web网站整体变灰色仅仅需要两行代码
Posted 尔嵘
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web网站整体变灰色仅仅需要两行代码相关的知识,希望对你有一定的参考价值。
在一些庄严严肃的时间段内,很多政府官网已经大的企业平台都会让web网站整体页面全部呈现灰色(灰暗色)来表达尊敬或者悼念之情!但作为一个前端人员,你必须知道怎么快速实现,而不能一个页面一个页面去设置样式,其实,仅仅需要下面的代码即可实现:
html{
/* 网页全部设置灰色 */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
欢迎扫码订阅公众号:
以上是关于web网站整体变灰色仅仅需要两行代码的主要内容,如果未能解决你的问题,请参考以下文章