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');