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.
source https://nickymeuleman.netlify.app/blog/css-animated-wrapping-underline
No comments:
Post a Comment