Pour utiliser un filtre c'est aussi simple que d'utiliser n'importe quelle autre propriété CSS.
img
{
filter: type(value);
}

Image originale

Appliquer un filtre (Nuances de gris)

Appliquer un filtre (Sépia)

Appliquer plusieurs filtres (flou et luminosité)

Appliquer plusieurs filtres (effet lomographie)

Générer un effet au survol

Les exemples de filtres

https://la-cascade.io/les-filtres-css/

http://inserthtml.developpez.com/tutoriels/css/filtres-css3-html-images/

Générateurs de filtres

http://html5-demos.appspot.com/static/css/filters/index.html