ホームページ > 記事 > ウェブフロントエンド > CSS を使用して Web サイトを白黒にする
CSS を使用して Web サイトを白黒にする
- php中世界最好的语言オリジナル
- 2018-03-21 17:09:131772ブラウズ
今回は、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 を使用して Web サイトを白黒にするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。