cartman0 https://blog.hatena.ne.jp/cartman0/ はしくれエンジニアもどきのメモ https://cartman0.hatenablog.com/ CSS jQuery JavaScript FileAPI CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる CSS3 のfilter を試してみました。 CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる サンプル 対応ブラウザ 使用できる効果 grayscale（グレースケール） sepia（セピア） saturate（彩度） hue-rotate（色相回転） invert（階調反転） opacity（透過度） brightness（明るさ） contrast（コントラスト） blur（ぼかし） drop-shadow（影） 複数効果 参考リンク 関連リンク サンプル 画像を選択して、input "range"で、… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcartman0.hatenablog.com%2Fentry%2F2015%2F07%2F03%2F201616" title="CSS3 のfilter で加工ソフトなしで画像に効果を加えてみる - はしくれエンジニアもどきのメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/c/cartman0/20150703/20150703200756.jpg Hatena Blog https://hatena.blog 2015-07-03 20:16:16 rich https://cartman0.hatenablog.com/entry/2015/07/03/201616 1.0 100%