Gradient Underlines

Gradient Underlines is the link hover color gradient. We can use css to make gradient underlines.

CSS

a{ color:yellow;  position:relative;  padding-bottom:2px;  text-decoration:none}
a:hover::after{ content:"";  position:absolute;  bottom:2px;  left:0;  height:1px;  width:100%; background:-webkit-gradient(linear,80% 33%,44% 23%,from(#FF00D5),to(#39FF08))}

Live demo gradient underlines

See the Pen AoFwy by ash nareswari (@ashavenger) on CodePen.