网站变灰的代码，国家哀悼日

最新推荐文章于 2024-09-10 08:02:07 发布

原创最新推荐文章于 2024-09-10 08:02:07 发布 · 344 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #CSS

本文介绍了一种在国家哀悼日等特殊场合下，利用CSS代码将网页转换为灰度显示的方法，以此表达对逝者的哀思。

#代码如下

<style type="text/css">
html{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'ma
trix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>