[웹개발] CSS 밑줄 긋는 효과

 

 

글자:after {
    display:block;
    content: '';
    border-bottom: solid 3px rgb(11, 94, 4);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;

    transform-origin: 0% 50%;
}

글자:hover:after {
    transform: scaleX(1);
}