TOP  >  Design , Tool  >  Instagramフィルターを再現するCSSスニペット「Instagram.css」
2018年02月01日

Instagramフィルターを再現するCSSスニペット「Instagram.css」

旅先での思い出や美味しいものを撮った写真をSNSに投稿する時、Instagramを活用している人は多いのではないでしょうか。そんな中今回は、Instagramフィルターを再現するCSSスニペット「Instagram.css」を紹介したいと思います。

Instagram_css

40種類以上のバリエーション豊かなフィルターを再現できるCSSです。

詳しくは以下

Instagramはモノクロからビビットな印象のものまで、様々な写真加工を簡単に施すことができます。もちろんPhotoshopを使ってこのような加工することも可能ですが、色やトーンの細かい調整も多く、案外大変な作業だったりもします。今回紹介した「Instagram.css」を使えば、スマートフォンで撮影した写真が、フィルターをかけることによって一段と雰囲気のある写真に早変わり。組み込まれたCSSのおかげであっという間にInstagramのようにおしゃれなフィルター加工が可能になります。

写真の加工が苦手な方でも簡単に処理できてしまうので、とても魅力的ですね。一度試してみてはいかがでしょうか。

Instagram.css – Pure CSS Instagram filters

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る