On important days, sometimes the website will be grayed out, and it can be done with simple operations. Let's see the effect first.
the first method:
<style>
*{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>
The second method:
<style>
html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
}
body{
background-blend-mode: luminosity;
}
</style>
The third method:
<style>
*{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);}
</style>
Of course, there are many kinds of such codes, and the styles are also different, which are for reference only.