Instagram Photo Filters In Pure CSS – Instagram.css
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.
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>
- Add more filters
Aggregate valuable and interesting links.
Joyk means Joy of geeK