一行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个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
重点提示:不要轻信文件或者视频里的任何加微信或者二次收费的信息!!!

给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管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索