Menu

A CSS-only, animated, wrapping underline

August 21st, 2020

Nicky Meuleman, inspired by Cassie Evans, details how they built the anchor link hover on their sites. When a link hovers, another color underlines kinda slides in with a gap between the two. Typical text-decoration doesn’t help here, so multiple backgrounds are used instead, and fortunately, it works with text that breaks across multiple lines as well.