FirefoxのCSSで画像をグレーにする方法

Firefox で CSS を使用して画像をグレーに変換する方法: これは、属性 [-webkit-filter:grayscale(100%);] を使用して実現できます。フィルター属性は、ぼかしや彩度などの要素の視覚効果を定義します。

このチュートリアルの動作環境: Windows 10 システム、HTML5&&CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

(推奨チュートリアル: css ビデオ チュートリアル)

属性の紹介:

filter 属性は要素のコンテンツ (通常は ) を定義します。視覚効果 (ぼかしや彩度など)。

属性値:

grayscale(%) 画像をグレースケール画像に変換します。値は変換のスケールを定義します。値が 100% の場合、画像は完全にグレースケールに変換され、値が 0% の場合、画像は変更されません。 0% から 100% までの値は、効果の線形乗数です。設定されていない場合、値はデフォルトの 0 になります。

コード例:

実装効果:

(関連する推奨事項: CSS チュートリアル )

以上がFirefoxのCSSで画像をグレーにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。