CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる CSS3 のfilter を試してみました。 サンプル 画像を選択して、input "range"で、filter の効果を付与できます。filter の効果を重ねることもできます。 cartman0.github.io filter: grayscale(100%) にした場合 対応ブラウザ CanIuseで確認すると、現時点(2015年07月03日)では、Firefox 以外はベンダープリフィックスが必要のようです。 Can I use... Support tables for HTML5, CSS3, etc 対応しているベンダープリフィックスは、-webkit- のみのようです。 IE は対応していません。 したがって、以下のように2つ指定してあげれば良さそうです。 XX { -webkit-filter: YY