Pure CSS Photo Filters – cssco.css

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>