どう作成するか：黒白画像
CSSで「黒白」画像を作成する方法を学びます。
黒白画像
CSSを使用して filter 属性が画像を黒白画像に変換します。
元画像
グレースケール（100%）
グレースケール例
すべての画像の色を黒白（100% 灰色）に変更する：
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
関連ページ
チュートリアル：CSS画像
リファレンスマニュアル：CSSフィルタ属性
