Text Underline Effect on Hover

Image: Text Underline Effect on Hover GIF

We have seen a lot of cool text link effects on CodeMyUI, today we have one more of those for you. This is a pure CSS hover effect for links by Misha Heesakkers. There are two different effects in this, one is the wired style link hover effect and the other one is a underline effect that animates on hover.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen Text underline hover effects by Misha Heesakkers (@MishaHahaha) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.