Untitled
unknown
plain_text
9 months ago
755 B
7
Indexable
& a.is-style-cta {
display: inline-block; /* Ensures the underline spans multiple lines */
text-decoration: underline;
text-decoration-skip-ink: none; /* Prevents skipping the underline on line breaks */
position: relative;
transition: color 0.3s ease; /* Preserves the original hover effect on color */
/* Animation for underline on hover */
&::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: currentColor;
bottom: -2px;
left: 0;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
&:hover::after {
transform: scaleX(1);
transform-origin: left;
}
}
Editor is loading...
Leave a Comment