March 9, 2018

Instagram.cssはCSSのみで実装されたインスタグラムフィルターセット。フィルターはすべて、CSSのみを使用して写真に追加することができます。

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>

1. 1977 filter-1977
2. Aden filter-aden
3. Amaro filter-amaro
4. Ashby filter-ashby
5. Brannan filter-brannan
6. Brooklyn filter-brooklyn
7. Charmes filter-charmes
8. Clarendon filter-clarendon
9. Crema filter-crema
10. Dogpatch filter-dogpatch
11. Earlybird filter-earlybird
12. Gingham filter-gingham
13. Ginza filter-ginza
14. Hefe filter-hefe
15. Helena filter-helena
16. Hudson filter-hudson
17. Inkwell filter-inkwell
18. Kuno filter-juno
19. Lark filter-lark
20. Lo-Fi filter-lofi
21. Ludwig filter-ludwig
22. Maven filter-maven
23. Mayfair filter-mayfair
24. Moon filter-moon
25. Nashville filter-nashville
26. Perpetua filter-perpetua
27. Poprocket filter-poprocket
28. Reyes filter-reyes
29. Rise filter-rise
30. Sierra filter-sierra
31. Skyline filter-skyline
32. Slumber filter-slumber
33. Stinson filter-stinson
34. Sutro filter-sutro
35. Toaster filter-toaster
36. Valencia filter-valencia
37. Vesper filter-vesper
38. Walden filter-walden
39. Willow filter-willow
40. X-Pro II filter-xpro-ii

1. Chrome (18+)
2. Microsoft Edge (13+)
3. Firefox (35+)
4. Safari (6+)
5. Opera (15+)