block by veltman fa74a3aff8497e970454bb064cf8dfd1

Seamless animated dash

Full Screen

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.

index.html