【CSS】InstagramフィルターセットInstagram.css

CSS

Instagram.css

March 9, 2018

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

  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

Browser support

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

Latest Posts

Related Posts