Instagram Photo Filters In Pure CSS – Instagram.css

Preview:

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