GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kazzkiq → svg-color-filter

kazzkiq / svg-color-filter

Licence: MIT license
A simple project to help understand SVG's powerful feColorMatrix filter.

Labels

svgsvg-filtersfecolormatrixfecolormatrix-filter

Projects that are alternatives of or similar to svg-color-filter

curved-menu
VanillaJS fully configurable curved menu (circular navigation)
Stars: ✭ 30 (-48.28%)
Mutual labels:  svg-filters

svg-color-filter

A simple project to help understand SVG's powerful feColorMatrix filter.

SVG Color Filter is a playground to help understand feColorMatrix in practice. Select between pre-baked sample filters, or change the values yourself and see the filter applied to the image in realtime.

If you never heard of feColorMatrix before, you should start with this awesome article (which in fact is what inspired me to make this project).

This project is aimed to be a playground only. If you need production-ready libraries to give your image filters, you should try CSSgram, glfx.js, canvasfilters or any other lib for that matter.

Compatibility issues: SVG filters are a relatively "new" feature, thus older browsers (IE < 10) will not probably have trouble loading the effects.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].