今流行りのinstagram。
写真をおしゃれにするフィルターも大きな特徴ですよね。
少し前までは、写真をそんなおしゃれ風にするためには、
画像加工ソフトであれこれ手を加えなければなりませんでした。
それが、スタイルシートでクラス名を変えるだけで色々なフィルターを追加できます！
今回は、普通の写真も一気にinstagram風なおしゃれ写真に変える「instagram.css」をご紹介します。
ヘッダーにinstagram.cssを追加する
instagram.cssは、こちらのサイトから入手できます。
そして、ヘッダー内にCSSを記述します。
HTML
[xml]
<link rel="stylesheet" href="instagram.css">
[/xml]
フィルターをつけたい画像をdiv等で囲み、classを付与します。
[xml]
<div class="filter-フィルター名">
<img src="image.jpg">
</div>
[/xml]
これでOK。
とっても簡単ですね！
実際にフィルターをいくつか適用してみたものがこちらです↓↓
【元の画像】
【1977】
【Amaro】
【Brooklyn】
【Inkwell】
【Reyes】
【X-Pro Ⅱ】
1980年6月生まれ。
秋田県在住。
地元のIT関連会社や市の機関でweb制作に携わり、2011年1月にフリーランスに。現在は子育てしながら日々業務にあたっています。