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

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

instagram.css

– 1977 –

– Clarendon –

– Toaster –

– X-Pro II –



  • CSSグラデーションの作成に役立つジェネレーター・Webサービス11選
  • UIデザインのスニペットがまとめられたサイト「CodeMyUI」
  • 様々なスニペットがまとめられたサイト「LittleSnippets.net」
  • マルチボックスのフルスクリーンメニュー「Multibox Menu」
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
RELATED POSTS
  • マルチボックスのフルスクリーンメニュー「Multibox Menu」
  • JPG・PNG・GIF・SVGの画像を圧縮してくれるWebサービス「Compressor.io」
  • 英語フォントの組み合わせをコレクションした「Fonts That People Actually Use」
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
  • CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
RECENT POSTS
  • 【2021年版】 WordPressのおすすめテーマ17選(無料版/有料版)
  • 【2021年版】 無料で使えるフリー画像・写真素材サイト27選(国内/海外)
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
POPULAR POSTS
  • プライス・値段表示などに使えそうな英数字フォント13選
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
  • PhotoShopで新聞の写真風ドットスタイルに画像を加工する
  • コピペするだけで使えるCSSボタンジェネレーターまとめ
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法