Underline Draw Accent

Overview

SVG path under the phrase. stroke-dashoffset 100% → 0 after the text is up.

Build

1. 01

   Measure phrase width.

2. 02

   Path = that width.

3. 03

   Draw 300–400ms.

.underline { animation: underline-draw 400ms both }