Hello and thanks in advance to anyone who helps.
I have a simple logo that I'm using DrawSVG on.
I started using CSS only using stroke-dashoffset and stroke-dasharray
Then I forked the DrawSVG CodePen to try that and added in my logo (see codepen link, look really closely to see the notches in the line on the codepen and reference my attached image).
Both CSS only method and DrawSVG use stroke-dashoffset and stroke-dasharray to animate the line drawing effect.
Notches problem: I believe it is stroke-dasharray that causes the notches in my path outline. (See attached image for notches).
Once stroke-dasharray is at 0 the notches go away.
I've also tried to save the svg with paths grouped in various ways out of adobe illustrator.
I'm brand new to SVG's and animating them.
Fingers crossed that someone has a fix for me.