利用CSS样式将网页变黑白色效果
网页变黑白是一种用来表达哀思的方法,国内各大网站为了表示对遇难同胞的哀悼,就会在特定的时间将网站改为灰色调。如果您是网站管理员或者博客博主,遇到需要哀思的时候也可以将自己的网站改成黑白风格。下面来分享下使网站变成灰白色调,哀悼风格界面的代码:
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%);
https://blog.csdn.net/weixin_49111162/article/details/110426949
页:
[1]