[Html/CSS] 利用CSS样式将网页变黑白色效果

发表评论
8 °

A+

摘要

QQ截图20221205145402.jpg 下载附件 2022-12-5 14:54 上传

网页变黑白是一种用来表达哀思的方法，国内各大网站为了表示对遇难同胞的哀悼，就会在特定的时间将网站改为灰色调。如果您是网站管理员或者博客博主，遇到需要哀思的时候也可以将自己的网站改成黑白风格。

下面来分享下使网站变成灰白色调，哀悼风格界面的代码：
1、这段代码是兼容IE7~~IE9的代码。

html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

2、这段代码使用的是CSS3的grayscale滤镜

filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);

我的微信公众号
扫一扫关注

我的新浪微博号
扫一扫关注

发表评论取消回复