메뉴를 hover 했을 때 아래에서 underline이 가운데부터 열리는 모션을 구현해 보고 싶어서 만들어봤습니다. 다음과 같은 모션입니다. 😊 해당 모션은 border 나 text-decoration 으로는 구현할 수없고, a 태그의 :after를 사용하여 만들었습니다. HOME ABOUT Q&A 먼저 마크업은 간단합니다. 어차피 :after 를 사용할 꺼라 별다른 태그가 추가로 필요하진 않습니다. 먼저 a:after 에 absolute 속성을 주어 a 보다 아래에 위치시켜줍니다. 그리고 transform의 scale을 사용 하는게 핵심입니다. scale 속성은 현재의 element를 확대 시켜주는 기능을 합니다. .wrap { padding: 15px; } .wrap > a { position: re..
