コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS を使用して Web サイトを白黒にする

CSS を使用して Web サイトを白黒にする

php中世界最好的语言
リリース： 2018-03-21 17:09:13
オリジナル
1835 人が閲覧しました

今回は、CSSを使用してWebサイトを白黒にする方法と注意点を説明します CSSを使用してWebサイトを白黒にする場合は、以下に実際のケースを示しますので、見てみましょう。

方法は次のとおりです:

このCSSコードは、CSSの先頭にコードを追加して、プレーンな装飾を実現します。 

html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
ログイン後にコピー
ページに

HTML タグ がない場合は、次の HTML5 タグを追加するか、上記の CSS タグの html を body などに変更することができます。 

<!DOCTYPE html>
<html>
</html>
ログイン後にコピー
FLASH

animation の色を CSS フィルターで制御できないウェブサイトもあります。FLASH コードの <object … の間に挿入できます。 Flash ページで依然としてカラーが表示される場合、またはブラウザのスクロール バーを上下にドラッグすると Flash FLV プレーヤーが変化する場合 (Jian Wang 3、JX World 公式 Web サイトの分割ページなど)、Flash を JS 出力 (この例では SWFObject) に変更します。 case): 

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
ログイン後にコピー

この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

CSS Selector の使用方法の詳細な説明
CSS3 のフィルター属性の詳細な説明


CSS margin の特別な使用スキルの詳細な説明

以上がCSS を使用して Web サイトを白黒にするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css 黒と白
ソース：php.cn
前の記事：css3はリストの上下の区切り線を解除します 次の記事：CSS を使用して Web ページを白黒にする
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
9
1588
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート