CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」

 
画像にクラスを指定するだけでInstagramのフィルターのような効果を画像に付与できるCSSライブラリ「Instagram.css」の紹介です。41種類のフィルターが用意されていて写真の印象を手軽に変えることができます。

instagram.css

– 1977 –

– Clarendon –

– Toaster –

– X-Pro II –



  • 画像を使わずにCSSだけで三角・矢印を作る方法
  • 【CSS】色々と使える疑似クラス:nth-child()の実用例
  • 30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
RELATED POSTS
  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • センスが磨ける?Webデザイナー向けのクイズ・ゲームサイト
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
  • キレイな装飾のテキストアニメーション「Decorative Letter Animations」
  • カスタマイズして使用できるアイコンライブラリ「Vivid.js」
  • CSSグリッドレイアウトのコードを生成できるツール「Griddy」
RECENT POSTS
  • バナー広告デザインの参考にしたいギャラリーサイト8選
  • CSSで作成する吹き出しとデザインのアイデア
  • ロゴ作成が簡単にできるロゴジェネレーター12選【無料・低価格】
  • 長いURLを短くするおすすめの短縮URLサービス8選
PICKUP
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • CSSで作成する吹き出しとデザインのアイデア
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】