A simple plugin to do svg filter effects on normal html elements
Filter html elements by using svg filters on them.
$ npm install svg-filtered
Also you can just use the file dist/filtered.js
and it will export out a global filtered variable.
filtered[ {name-of-filter} ]( selector[, options ]);
<img class="inversed-image" src="/cat.gif" alt="cats foo" />
<script src="path-to/filtered.js"></script>
<script>
filtered.inverse( '.inversed-image' );
</script>
Right now there is only three filters ( more coming soon ), or help build one its easy!
deviation
color
to useThis works with browserify
var filtered = require( 'filtered' );
filtered.colorFlood( '.color-me', {
color: 'tomato'
});