A CSS-only, animated, wrapping underline
Publikováno: 21.8.2020
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.
CodePen Embed Fallback
Direct Link to Article — Permalink… Read article “A CSS-only, animated, wrapping underline”
The post A CSS-only, animated, wrapping underline appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
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.
Direct Link to Article — Permalink
The post A CSS-only, animated, wrapping underline appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.