Hover Underline

Hover or tab through the links below. Each variant is chosen with a single data-underline attribute; the script injects the underline for you.

They work inline too. The default slide variant grows from the left and exits through the right, the fill variant sweeps up behind the text like a marker, and the wave variant draws itself in with a springy settle. You can also override the colour per link with data-underline-color.