svg-filter-animation

Plays given SVG-filter animations created with SVG-Pro

See https://github.com/JJ995/svg-pro

Installation

Install package to your project:

npm install svg-filter-animation

Include package:

import SVGFilterAnimation from 'svg-filter-animation';

Paste your generated filter code on your site and link the filter to an element via CSS. e.g.: style="filter: url(#svgFilter)" Make sure you have set an unique ID for the filter!

Place the downloaded keyframes .json-file somewhere accessible on your server.

Trigger the animation whenever you want by calling:

SVGFilterAnimation.SVGFilterAnimation([PATH_TO_KEYFRAMES]);

e.g.:

SVGFilterAnimation.SVGFilterAnimation('/keyframes.json');