Instagram Photo Filters In Pure CSS – Instagram.css

Category: CSS & CSS3 , Image , Recommended | November 18, 2018
Author: picturepan2
Views Total: 1,030
Official Page: Go to website
Last Update: November 18, 2018
License: MIT

Preview:

Instagram Photo Filters In Pure CSS – Instagram.css

Description:

Yet another CSS library which applies 40+ Instagram inspired filters to your images.

How to use it:

Import the instagram.css library into your html document.

<link rel="stylesheet" href="dist/instagram.css">

Apply the following filters to your images.

  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. Kelvin filter-kelvin
  19. Kuno filter-juno
  20. Lark filter-lark
  21. Lo-Fi filter-lofi
  22. Ludwig filter-ludwig
  23. Maven filter-maven
  24. Mayfair filter-mayfair
  25. Moon filter-moon
  26. Nashville filter-nashville
  27. Perpetua filter-perpetua
  28. Poprocket filter-poprocket
  29. Reyes filter-reyes
  30. Rise filter-rise
  31. Sierra filter-sierra
  32. Skyline filter-skyline
  33. Slumber filter-slumber
  34. Stinson filter-stinson
  35. Sutro filter-sutro
  36. Toaster filter-toaster
  37. Valencia filter-valencia
  38. Vesper filter-vesper
  39. Walden filter-walden
  40. Willow filter-willow
  41. X-Pro II filter-xpro-ii
<div class="filter-FILTERNAME">
  <img src="YOUR IMAGE.jpg">
</div>

Changelog:

11/18/2018

  • v0.4.0

06/21/2018

  • Add more filters

You Might Be Interested In:

Leave a Reply