SVG line-draw animation
Set stroke-dasharray and dashoffset to the path length, then animate to zero. The path draws itself — works for icons, checkmarks, illustrations.
Without
Without
With
Esc to return · ← → to navigate
Set stroke-dasharray and dashoffset to the path length, then animate to zero. The path draws itself — works for icons, checkmarks, illustrations.
Esc to return · ← → to navigate