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

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

instagram.css

– 1977 –

– Clarendon –

– Toaster –

– X-Pro II –



  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • 様々なスニペットがまとめられたサイト「LittleSnippets.net」
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • 日本の契約書のためのCSSライブラリ「Keiyaku CSS」
RELATED POSTS
  • CSSで指定できるカーソルをパッと確認できる「CSS Cursor」
  • スライドアニメーションで展開するグリッドメニュー「Expanding Grid Menu」
  • 画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」
  • 立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
RECENT POSTS
  • 【2021年版】Google Fontsの使い方とおすすめ日本語フォント
  • 【2021年版】無料で使えるフリー動画素材サイト10選
  • 【2021年版】無料で使えるフリーイラスト素材サイト33選(商用利用可)
  • 無料で使えるフリーアイコン素材サイト15選
PICKUP
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 【2021年版】無料で使えるフリーイラスト素材サイト33選(商用利用可)
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-