ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Instagramは今なお高い人気を誇るサービスです。昨年にしてもインスタ映えという新しいキーワードを生み出しており、多くの方が利用しています。その人気の一つが簡単に見栄えのする写真に変身させられるフィルタ機能でしょう。

そんなInstagramのフィルタ機能をWebベース、CSSで再現するのがInstagram.cssです。

Instagram.cssの使い方

フィルタの例です。それぞれ名前がついているので分かりやすいです。

元の写真は変えず、CSSだけで変化させています。

Instagram.cssでは実に42種類のフィルタ効果をCSSで再現しています。元の写真は加工していないので、様々なフィルタをプログラマブルに適用できるのがメリットです。自分のブログなどで使っても良さそうです。

Instagram.cssはCSS3製のオープンソース・ソフトウェア(MIT License)です。

Instagram.css - Pure CSS Instagram filters

picturepan2/instagram.css: Complete set of Instagram filters in pure CSS

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2