Overview
Example
CSS
a {
transition: .6s;
text-decoration: none;
background-image: linear-gradient(to top, currentColor 1px, transparent 1px);
background-size: 0% 100%;
background-repeat: no-repeat;
}
a:hover {
text-decoration: none;
background-size: 100% 100%;
}