filter
と mix-blend-mode
CSS3で実装されたfilter
とmix-blend-mode
を使用することでCSSのみで画像を編集できるようになりました。
というわけでinstagramみたいな画像編集をCSSだけでやってみました。
これらはCSSのみで編集しています。
CSS filter Generator
これは使える!ということで、Instagram風の写真加工ができるサイトをつくりました。
http://www.sottar.net/filter-generator/
機能
- instagram風のfilterはプリセットで用意
- 細かい値の設定も可能
- CSSのコードが取得できる
- ローカルの画像アップロードできる
- ベンダープレフィックスにも対応
- 変更前と後を比べながら編集できる
まだまだ作成途中なので、こんな機能が欲しい!とか、ここが使いにくい!とかがあれば教えていただけると嬉しいです!
よかったら使ってみてください
http://www.sottar.net/filter-generator/