Blog
クラス名を指定するだけで、簡単にインスタグラム風のフィルターを付与してくれる、「instagram.css」
Instagram.cssは、インスタグラム風のフィルターをクラス名の指定ひとつで、付与してくれる便利・簡単・お洒落なスタイルシートです。
フィルターの種類も多く、今後も追加されていく予定らしいので、楽しみですね!
簡単に効果を付与する事ができるので、ブログなどでも気軽に採用できそうです。
対応ブラウザ
- Chrome (18+)
- Microsoft Edge (13+)
- Firefox (35+)
- Safari (6+)
- Opera (15+)
実装方法
以下より、ダウンロード
ヘッド内で読み込み
<link rel="stylesheet" href="instagram.css">
imgをラップする要素に、filter-[フィルターの名前を入れる]クラスを付与。
<figure class="filter-[filter-name]">
<img src="img/instagram.jpg">
</figure>