[기능 구현] 이 버튼효과는 보기에는 약간 복잡해 보이지만 가상선택자 after 와 before을 통해서 간단히 만들수 있다. 구체적인 순서는 1. 버튼 구현 a 태그로 버튼모양 구현 2. after, before을 이용해 border의 모양 바꾸기 a::before 가상선택자로 기존의 a 태그보다 x축으로 넓이가 좀더 길고 y축으로 높이가 좀더 짧은 가상요소를 생성한다. a::after 가상선택자로 기존의 a 태그보다 Y축으로 높이가 좀더 길고 x축으로 넓이가 좀더 짧은 가상요소를 생성한다. 3. transition과 transform 활용 -transform의 scale을 줄이는 효과 를 적용하고 transition으로 부드럽게 사라지도록 한다. after요소는 x축 넓이가 커서 결과적으로 borde..
