WordPress Web サイトの全体的な白黒/グレーホワイト効果を実現する 4 つのコードソリューション

一般的に、Web サイトの全体的な効果が白黒またはグレーで表示される場合、それは主に、何か重要なことを掲載しているか、特定の人物や物事を記念しているためです。今年は特別な理由により、疫病との戦いで命を犠牲にした人々を深く追悼するために、WordPressウェブサイトもウェブサイト全体を灰色にしました。以下は、テストやテストに使用できるコードのコレクションです。次に、それを共有し、 CSSスタイルの使用方法を学びます。

ウェブサイトを白黒にする最初の方法:

style.css ファイルの先頭に次のコードを追加するだけです。一部のWordPress Web サイトテーマにはカスタム CSS スタイル関数。コードを直接貼り付けて保存できます。

1	html {フィルター: Pro gid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: グレースケール(100%); }

Web サイトのグレースケールの 2 番目の方法:

次のコードを </head> の前に置くと、対応する Web ページが黒とグレーになります。

1
2
3
4
5

Web サイトをグレーにする 3 番目の方法:

上記の 2 つの方法が気に入らない場合は、 <html> タグを変更してインラインスタイルを追加し、Web ページをグレー表示にする効果を得ることができます。

1	<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: greyscale(100%);">

Web サイト全体をグレー表示にする 4 番目の方法:

1
2
3
4
5
6
7
8
9

body *{ -webkit-filter: グレースケール(100%); /* ウェブキット */ -moz-filter: greyscale(100%); /*firefox*/ -ms-filter: グレースケール(100%); /*ie9*/ -o-filter: グレースケール(100%); /*opera*/フィルター: グレースケール(100%); フィルター:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); フィルター:グレー; /*ie9- */ }

以上、CSSフィルターでWebサイト全体をグレーにする4つの方法を紹介しましたが、書き方と実装方法が異なるだけで、いわゆる「一例から推論する」効果となります。