filters.css

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

• {{filter}}

Try on these photos

{{filter}}

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

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