Gradient Underline Link

TypographyLive Preview

Links with animated gradient underlines that expand on hover — perfect for nav and editorial.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Gradient

Thickness

Animation

Your Prompt

abcclick to edit

Create links with animated gradient underlines using a violet-to-pink gradient that is medium 2px thick. The underline should appear on hover with a left-to-right animation using CSS transform scaleX on a pseudo-element.