一行CSS代码实现网站网页变黑白灰效果 网站如何变成灰色

桦树

温馨提示:这篇文章已超过684天没有更新,请注意相关的内容是否还可用!

在全国哀悼日(吊念地震、疫情等),如果你也是站长,想做点什么,那么可以把网站变成黑白以示哀悼。

下面分享一行代码实现整个网站网页变成黑白灰色的效果,主要是通过修改 CSS 的方式实现的。

代码如下

以下代码其实合并在一行就可以,但是下面代码分成多行,为了方便大家阅读和理解。

<style> 
    html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } 
</style>

把代码加在网站的 CSS 文件里或者网站模板任意部分即可。

进入桦树博客下载https://nonif.cn/

文章版权声明:除非注明,否则均为桦树博客原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 1 条评论,564人围观)
网友昵称: 朋克深林
 朋克深林 V 普通用户 Google Chrome 107.0.0.0 Windows 10 x64 沙发
2022-12-06 回复
狠人儿啊!太狠了,人家都是主页黑白到你这全黑了。。。。汉 连滚动条都黑了!!!!
取消
微信二维码
微信二维码
支付宝二维码