WordPressサイト全体をグレースケール化するコードと方法

新型コロナウイルス感染症との闘いにおいて犠牲となった烈士と逝去された同胞に対する全国各民族人民の深い哀悼の意を表すため、国務院は2020年4月4日に全国的な追悼活動を行うことを決定しました。この期間中、全国および在外公館では半旗を掲げて哀悼の意を示し、全国で娯楽活動が停止されます。4月4日10時から、全国民は3分間の黙祷を行い、自動車、列車、船舶は警笛を鳴らし、防空警報が鳴り響きます。 ウェブサイト管理者として、私たちもサイトの色彩を取り除き、全体をグレースケールに変更して英雄に敬意を表し、哀悼の意を示すことができます。 WordPress サイトをグレースケールにする方法は非常に簡単です。サイトのカスタマイズボタンをクリックします。 その後、追加 CSS に以下のコードを入力し、公開すると効果が確認できます。グレースケールを解除する場合は、コードを削除すれば元に戻ります。

html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}