요소:hover 일 때 언더라인 에니메이션 아래 보더로 라인을 만들고 hover 시의 넓이로 에니메이션을 작동 a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; border-bottom: 3px solid #5695db; transition: 0.5s; } a:hover:after { width: 100%; } Doc navigation리스트를 전체 넓이에서 분할 배치 →