Gradient Underline for Link Hover

Image: Gradient Underline for Link Hover GIF

This is a pure CSS animated gradient underline that you can use on you website to highlight links.

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

Gradient Link Snippet

See the Pen Animated Gradient Underline for Link Hover State by George W. Park (@GeorgePark) on CodePen.0


scroll to top