All examples By author By category About

veltman

Seamless animated dash

Animating a path's dashed stroke using stroke-dasharray and stroke-dashoffset, similar to this example. This version ensures that there's no little "seam" at the end of a closed path by dynamically setting the dash array and the animation keyframe to a factor of the computed path length.

stroke-dashadjust might make this easier eventually.