Instagram Filters

Browser Support

From the GitHub page

Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to the CSSgram for inspiration.

Browser support

For best compatibility, these browsers are recommended:

  • Chrome (18+)
  • Microsoft Edge (13+)
  • Firefox (35+)
  • Safari (6+)
  • Opera (15+)

Built with ♥ by Yan Zhu. Feel free to submit a pull request. Help is always appreciated.

Instagram.css is completely free to use. If you enjoy it, please consider donating via Paypal for the further development. ♥

Below the 'Poprocket' filter is applied to the block, altering the image. To see the actual, unchanged image, simply click on it. 

With the initial release of 'Tallacman's Tasty Templates' the only filter set right now is for Simple Gallery

Here is the Github page from which these templates benefit: https://picturepan2.github.io/instagram.css/

Below, the filters.

  • 1977
  • aden
  • amaro
  • ashby
  • brannan
  • brooklyn
  • charmes
  • clarendon
  • crema
  • dogpatch
  • earlybird
  • gingham
  • ginza
  • hefe
  • helena
  • hudson
  • inkwell
  • kelvin
  • juno
  • lark
  • lofi
  • ludwig
  • maven
  • mayfair
  • moon
  • nashville
  • perpetua
  • poprocket
  • reyes
  • rise
  • sierra
  • skyline
  • slumber
  • stinson
  • sutro
  • toaster
  • valencia
  • vesper
  • walden
  • willow
  • xpro-ii
  • grayscale

The list of filters above is a content block. The custom template "Four Three Two Columns" has been applied.

Custom Template: X Pro II

Simple Gallery Block: Normal output