Instagram.cssはCSSのみで実装されたインスタグラムフィルターセット。フィルターはすべて、CSSのみを使用して写真に追加することができます。
Getting started
head
にinstagram.cssを含めます。
<link rel="stylesheet" href="dist/instagram.css">
すべてのフィルタはfilter-[filter-name]
クラスになります。
<figure class="filter-[filter-name]">
<img src="assets/img/instagram.jpg">
</figure>
Available filters
- 1977 filter-1977
- Aden filter-aden
- Amaro filter-amaro
- Ashby filter-ashby
- Brannan filter-brannan
- Brooklyn filter-brooklyn
- Charmes filter-charmes
- Clarendon filter-clarendon
- Crema filter-crema
- Dogpatch filter-dogpatch
- Earlybird filter-earlybird
- Gingham filter-gingham
- Ginza filter-ginza
- Hefe filter-hefe
- Helena filter-helena
- Hudson filter-hudson
- Inkwell filter-inkwell
- Kuno filter-juno
- Lark filter-lark
- Lo-Fi filter-lofi
- Ludwig filter-ludwig
- Maven filter-maven
- Mayfair filter-mayfair
- Moon filter-moon
- Nashville filter-nashville
- Perpetua filter-perpetua
- Poprocket filter-poprocket
- Reyes filter-reyes
- Rise filter-rise
- Sierra filter-sierra
- Skyline filter-skyline
- Slumber filter-slumber
- Stinson filter-stinson
- Sutro filter-sutro
- Toaster filter-toaster
- Valencia filter-valencia
- Vesper filter-vesper
- Walden filter-walden
- Willow filter-willow
- X-Pro II filter-xpro-ii
Browser support
- Chrome (18+)
- Microsoft Edge (13+)
- Firefox (35+)
- Safari (6+)
- Opera (15+)