.animated-underline {
position: relative;
text-decoration: none;
}
position: relative;
text-decoration: none;
}
.animated-underline::after {
content: “”;
position: absolute;
left: 50%;
top: 100%;
width: 100%;
height: 0.125em;
background-color: hsl(200deg, 100%, 50%);
transition: transform 320ms ease;
transform: translate(-50%, 0%) scaleX(0);
transform-origin: right;
}
.animated-underline:hover::after {
transform-origin: left;
transform: translate(-50%, 0%) scaleX(1);
}
Please follow and like us:
