CSS Library For Instagram Image Filters – CSSgram.css

Category: CSS & CSS3 , Image , Recommended | October 27, 2015
Views Total:835 views
Official Page:Go to website
Last Update:October 27, 2015


CSS Library For Instagram Image Filters – CSSgram.css


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="">

You Might Be Interested In:

Leave a Reply