Use this CSS only snippet designed by Colin Horn to add a really cool gradient link hover effect to your text. When you hover over the text a gradient underline appears slowly from left to right, gradually making its way from the first to the last character, moving fluidly across multiple lines.
If you are having trouble with the pen, try the archived copy on GitHub
Gradient Underline Hover Animation Snippet
See the Pen Gradient Underline Animation by Colin Horn (@colinhorn) on CodePen.0