filters.css

CSS only library to apply color filters.

Installation

1. Download form npm

npm install filters.css

2. Or you can use cdn unpkg and include in the head

<link href="https://unpkg.com/filters.css" rel="stylesheet">

3. Or download minified filters.min.css file and include in the head

<link href="css/filters.min.css" rel="stylesheet">

Usage

<img class="saturate-0" src="..." />
<img class="opacity-5 hover-opacity-10" src="..." />
<img class="hover-blur-2" src="..." />
<img class="contrast-10" src="..." />

Filters

Try on these photos

{{filter}}

Sample Image

.{{ filter }}-{{index}}

.{{ filter }}-{{index}}

Please check my other projects also

Pattern.css Gradihunt TabNotes Google Search Ads Highlighter