Instagram.css von Yan Zhu ist eine Sammlung reiner CSS Instagram-Filter, welche sehr einfach genutzt werden können, um jegliche Bilddateien auf einer Website mit einem entsprechenden Filter zu versehen.

Die Anwendung ist dabei sehr einfach. Die CSS-Datei auf der Website platzieren und die Bilder dann wie folgt einbinden.

<figure class="filter-[filter-name]">
  <img src="assets/img/instagram.jpg">
</figure>

Auch der Browser-Support kann sich sehen lassen. Funktionsfähig ist Instagram.css in:

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

Eine Demo aller verfügbaren Filter gibt es hier.