Nicky Meuleman, inspired by Cassie Evans, details how they built the anchor link hover on their sites. When a link is hovered, another color underline 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.
A CSS-only, animated, wrapping underline
Chris Coyier
on
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!
This is awesome
It’s looking nice, but transition speed should be a little bit faster.