css3のプロパティ、filterとmix-blend-modeを使ってみたらすごかった。 - Qiita

filterとmix−blend−mode instagram風の画像編集ができる、CSSgramというcssフレームワークが話題になっています。 css3のfilterとmix-blend-modeというプロパティを使うとCSSのみで画像を編集することができ、雰囲気や仕上がりをガラリと変えることができます。 結構細かい機能が実装されていて、簡単な加工のみならphotoshopなど使わずに簡単に出来てしまいます。 自分の勉強も兼ねて画像ジェネレーターサイトを作成しました。 CSS filter and mix-blend-mode Generator コード(github) こんな加工がCSSのみで出来てしまいます。 元画像 加工1 #image_after { filter: grayscale(100%) sepia(30%) brightness(110%) contrast(110

[real1223]

css, tips, 便利, 知識

[ck_wk]

すごい

[idr_zz]

これとてもいい！ブレンドモード表現増えるなあ。 それにしてもホント、IE、Edge対応してくれないかね…。 css3のプロパティ、filterとmix-blend-modeを使ってみたらすごかった。 on @Qiita