SVG animation with stroke-dashoffset happening backwards on Safari
If you’re running into this issue, I’ll save you some time: Safari does not support negative values for
stroke-dashoffset . Rewriting the values into positive ones will solve the issue.
If this still doesn’t solve the issue for you, make sure you don’t have the
animation-direction: reverse set on your animation.
If you found this helpful, let me know in the commentary section below 🙂