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%;
}