Pure CSS Photo Filters – cssco.css

Category: CSS & CSS3 , Image , Recommended | December 8, 2016
Author: we-are-next
Views Total: 530
Official Page: Go to website
Last Update: December 8, 2016
License: MIT

Preview:

Pure CSS Photo Filters – cssco.css

Description:

Yet another CSS library which allows you apply awesome CSS based filters to given images.

How to use it:

Include the main style sheet cssco.css on the html page.

<link rel="stylesheet" href="cssco.css">

Add the CSS class ‘cssco’ and a filter class of your choice to the image’s container as this:

<div class="cssco cssco--c1">
   <img src="image.jpg">
</div>

All available CSS filters.

<ul>
    <li>.cssco--c1</li>
    <li>.cssco--f2</li>
    <li>.cssco--g3</li>
    <li>.cssco--p5</li>
    <li>.cssco--lv3</li>
    <li>.cssco--b5</li>
    <li>.cssco--a6</li>
    <li>.cssco--kk2</li>
    <li>.cssco--m3</li>
    <li>.cssco--m5</li>
    <li>.cssco--hb1</li>
    <li>.cssco--hb2</li>
    <li>.cssco--acg</li>
    <li>.cssco--x1</li>
    <li>.cssco--t1</li>
</ul>