Draw Me Like One Of Your French Girls
Hello Sir. You are not satisfied with your current SVG? We may solve your problem right now. What about a cool "self-drawing" effect? Maybe triggert at a certain scroll possition? Check out the demo. I know you are going to love it and you know that you want that too.
Bullgit Logo Demo
| Stroke-Width | 2 |
|---|---|
| Stroke-Color | #1abc9c |
| Duration | 5s |
| Loop | |
| Rounded Lines |
SASS Code
FAQ
My SVG is still not animated in the preview
That might happen if your don't have IDs for your paths, polygons, rects, etc... Make sure to add IDs!
How does it work?
This animation is made with stroke-dasharray and stroke-dashoffset. You can read a tutorial on my website.
I added the SASS to my website but the SVG doesn't appear/isn't animated
It is very important, that you add the SVG code to your HTML. It must be inline. Doesn't work if the SVG is inserted as an IMG-tag.
About
This tool is made with ♥ by Max Boll aka MyXoToD.
Feel free to ask questions or follow me on Twitter (@MyXoToD).
Find the source code on GitHub.