1赞

评论

收藏

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

开发技术 开发技术 发布于:2022-12-05 14:55 | 阅读数:317 | 评论:0

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

下面来分享下使网站变成灰白色调,哀悼风格界面的代码:
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%);


关注下面的标签,发现更多相似文章