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

在全国哀悼日(吊念地震、疫情等),如果你也是站长,想做点什么,那么可以把网站变成黑白以示哀悼。下面分享一行代码实现整个网站网页变成黑白灰色的效果,主要是通过修改 CSS 的方式实现的。

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

下面分享一行代码实现整个网站网页变成黑白灰色的效果,主要是通过修改 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 文件里或者网站模板任意部分即可。

温馨提示:
本站所发布的全部内容源于互联网收集整理,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,版权争议与本站无关。用户必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
重点提示:
互联网转载资源会有一些其他联系方式,请大家不要盲目相信,被骗本站概不负责! 本网站部分内容只做项目揭秘,无法一对一教学指导,每篇文章内都含项目全套的教程讲解,请仔细阅读。 本站分享的所有平台仅供展示,本站不对平台真实性负责,站长建议大家自己根据项目关键词自己选择平台。 因为文章发布时间和您阅读文章时间存在时间差,所以有些项目红利期可能已经过了,需要自己判断。 本网站仅做资源分享,不做任何收益保障,希望大家可以认真学习。本站所有资料均来自互联网公开分享,并不代表本站立场,如不慎侵犯到您的版权利益,请联系本站删除,将及时处理!
如果遇到付费才可观看的文章,建议升级VIP会员。全站所有资源“VIP会员无限制下载”。本站资源部分采用7z压缩,为防止有人压缩软件不支持7z格式,建议下载7-zip。

给TA打赏
共{{data.count}}人
人已打赏
其他教程

宝塔LINUX面板 v7.7.0 解锁付费插件教程分享

2021-12-20 4:19:24

其他教程

数据库管理 Navicat Premium 15.x 破解版激活步骤教程

2022-12-13 3:34:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索