ブログインスタ映えなんて言って、いつのまにやらフォトジェニックという言葉がメディアから消え去っている昨今。WEB制作インスタ映えなんて言って、いつのまにやらフォトジェニックという言葉がメディアから消え去っている昨今。それならブログやサイトだって、写真がインスタっぽくなっていても良いじゃないか。なんてことになりますね。いうわけで今回は、CSSでインスタのフィルターを画像に付けられるものをご紹介します。css」は、サイトに掲載する写真にインスタで使えるようなフィルターをかけられるCSSのセット。画像を囲むブロック要素に特定のクラスをつけてあげるだけでフィルターをかけることができるようになっています。IIWillowClassをつけたブロックで画像を囲んでいるだけなので実装も非常に楽です。soft-light;}HTMLは以下のようなものが基本。instagram.cssをダウンロードしてサイトに読み込ませて、画像の外側のブロック要素に「filter-✕✕」のクラスをつけてあげればOKです。フィルターをかけることができてしまいます。フィルターは全部で42種類フィルターの名前とクラス名の一覧は以下。今後さらにフィルターの種類を増やしていく予定なのだそうです。リンク先のページですべてのフィルタのサンプルもご確認いただけます。