CSS Library For Instagram Image Filters – CSSgram.css

Preview:

Description:

CSSgram is a pure CSS library that applies 14+ Instagram filters on your images. Written in Sass.

Filters included:

• Aden
• Reyes
• Perpetua
• Inkwell
• Earlybird
• Toaster
• Walden
• Hudson
• Gingham
• Mayfair
• Lo-fi
• X Pro II
• 1977
• Brooklyn

How to use it:

Include the cssgram.css CSS file or a filter CSS of your choice in the document.

<link rel="stylesheet" href="css/cssgram.min.css">
<!-- or -->
<link rel="stylesheet" href="css/aden.min.css">

Apply an Instagram filter to your image.

<figure class="aden">
  <img src="demo.png" alt="">
</figure>