57

Instagram Photo Filters In Pure CSS – Instagram.css

 5 years ago
source link: https://www.tuicool.com/articles/hit/qaqUBzj
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Demo Download

Author: picturepan2 Views Total: 906 Official Page: Go to website Last Update: November 18, 2018 License: MIT

Preview:

UNN3MzN.png!web

Description:

Yet another CSS library which applies 40+ Instagram inspired filters to your images.

How to use it:

Import the instagram.css library into your html document.

<link rel="stylesheet" href="dist/instagram.css">

Apply the following filters to your images.

filter-1977
filter-aden
filter-amaro
filter-ashby
filter-brannan
filter-brooklyn
filter-charmes
filter-clarendon
filter-crema
filter-dogpatch
filter-earlybird
filter-gingham
filter-ginza
filter-hefe
filter-helena
filter-hudson
filter-inkwell
filter-kelvin
filter-juno
filter-lark
filter-lofi
filter-ludwig
filter-maven
filter-mayfair
filter-moon
filter-nashville
filter-perpetua
filter-poprocket
filter-reyes
filter-rise
filter-sierra
filter-skyline
filter-slumber
filter-stinson
filter-sutro
filter-toaster
filter-valencia
filter-vesper
filter-walden
filter-willow
filter-xpro-ii
<div class="filter-FILTERNAME">
  <img src="YOUR IMAGE.jpg">
</div>

Changelog:

11/18/2018

  • v0.4.0

06/21/2018

  • Add more filters

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK