CSS Library For Instagram Image Filters – CSSgram.css

Author: una
Views Total: 808 views
Official Page: Go to website
Last Update: October 27, 2015
License: MIT


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

See also  Automatic Image Slider In Pure CSS / CSS3

Leave a Reply

Your email address will not be published. Required fields are marked *