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}