A tool that helps you animate “stroke” and “fill” properties in your SVG images with plain CSS code. You can generate either the CSS transition or CSS animation code.
It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.
SVG Artista generates the necessary CSS and updates the SVG code so that it can be easily animated by assigning the .active class to the SVG element.
It doesn’t rely on third-party JS libraries to work, although you will likely want to use one to dynamically set the .active class on some kind of trigger (e.g. on scroll into view).
CSS animated SVG is fairly well supported and should work in all modern browsers.
