ウェブサイト全体のグレースクリーンコード

重要な日にはウェブサイトがグレーアウトされることがありますが、簡単な操作でそれを行うことができます。まずは効果を見てみましょう。

最初の方法:

<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>

 2 番目の方法:

<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>

3 番目の方法:

<style>
*{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);}
</style>

もちろん、このようなコードにはさまざまな種類があり、スタイルも異なりますので、あくまで参考にしてください。