方法-白黒画像
CSSを使用して「白黒」画像を作成する方法を学びます。
黒と白の画像
元の画像
グレースケール(100%)
CSSfilter
プロパティを使用して、画像を白黒に変換します。
グレースケールの例
すべての画像の色を白黒(100%グレー)に変更します。
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
画像のスタイル設定方法の詳細については、 CSS画像チュートリアルにアクセスしてください。
Go to our CSS filter Property to learn more about CSS filters.