This is a pecial Stack and I worked hard to make it.
This stack allows you to use your SVG (and 25 Built-in Icons) to change its style and animate background & stroke.
Key Features
Scroll animations or static
Animated Stroke and Fill with Fade-in
Change animation speed and behavior
Customize Borders and Shadow
Set Max Width for tablet and phone.
Linear and gradient SVG Fill
Add link to stack with hover effects
Over 100 examples available and lots of SVGs to play with.
Furthermore, blank templates are available to import your SVGs.
This is not a drag and drop solution, this stack only uses the internal PATH of your SVG but that’s the only way to give it superpowers ! Relax, it’s easy, a guide is available for editing existing SVGs.
Finally, a stack to animate SVGs with. Thank you—this is a much-needed addition to our stack arsenal. 🙂 I followed your instructions on your website and successfully animated a fairly complicated SVG.
Yes, got it, Thank You, and it works perfectly, and a rewind option would be nice for example for a subtle svg in the background, or to restart a SVG animation when it comes into view again.
@kent thanks for suggestions! I add your ideas to my list of possible improvements, now I would like to work on the guide to explain further ways to make the job easier.
Sorry, it was not meant as a critique, just something I would like, if possible. It is a very useful stack, one that has been missing for a very long time. Thank you for providing this to us.
@Kent any suggestions are welcome and your ideas make sense.
Now I would like to explain clearly how to use it, not everyone is familiar with SVG, yours was a confirmation and I thank you again :)
This is an outstanding stack—highly recommended! It fills a significant gap in our stack collection. Before, I had to go through a rather tedious series of steps to achieve what this stack now accomplishes in just a couple of steps.
