【サイト制作】CSSで画像をグレースケールにする | 静岡県富士市のホームページ制作なら|SEQUENCE

ホーム > ブログ > 【サイト制作】CSSで画像をグレースケールにする
Blog
ブログ

【サイト制作】CSSで画像をグレースケールにする

filter: grayscale(100%);
-webkit-filter: grayscale(100%);

上記記述するだけで可能です。
hoverで戻す場合は

filter: grayscale(0%);
-webkit-filter: grayscale(0%);

簡単だー!なんて思ってたけどやっぱりIEには対応していないという。。。

js使うしかないみたいですね。