ホーム 経験・テクニック共有 標準記事

標準記事

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

全国各民族人民の新型コロナウイルス感染症との闘いで犠牲となった烈士と亡くなった同胞への深い哀悼の意を表するため、国務院は 2020 年 4 月 4 日に全国的な哀悼活動を行うことを決定しました。この期間中、全国および在外公館では半旗を掲げ、全国で公共の娯楽活動を停止します。4 月 4 日 10 時より、全国民が 3 分間の黙祷を行い、自動車、列車、艦…

2020年4月4日 に公開 約1分で読めます
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}

この記事を評価する post
前の記事 WordPressフォーラムテーマ:Buddy ダウンロードと使用チュートリアル 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 新しい WordPress チュートリアルサイトを作成しました。ぜひご覧ください。 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: