Stroke Dash Draw

Overview

Draw nested architectural arches as consecutive continuous traces; one warm line becomes the focal accent.

Build

1. 01

   Use a single continuous path for each contour and normalize each path with pathLength=1.

2. 02

   Set stroke-dasharray to 1; animate stroke-dashoffset from 1 to 0.

3. 03

   Stagger adjacent contours by 110ms to expose the construction without making nine separate focal points.

4. 04

   Hold the finished drawing, then continue dashoffset toward -1 to erase in the direction of travel.

stroke-dasharray: 1; stroke-dashoffset: 1 → 0 → -1