홍준혁

오늘은 CSS에서 마우스가 호버 될 시, 간단한 애니메이션과 함께 멋있는 버튼을 디자인해볼 것이다. 어떤 방식으로 버튼을 만들 거냐면 이런 식으로 구성이 되어있고, 버튼에 호버가 될 때, span의 콘텐츠에 애니메이션을 주는 효과를 줄 것이다. 우선, className이랑 class랑 같다고 생각하자. (리액트로 예제를 해서 그렇다. 차이는 없다) 그렇게 하면 이런 버튼이 생길 것이다. 이제 간단한 버튼 디자인을 해보자. 이런 식으로 해주었다. button안에 span값은 마우스가 올라갔을 때 pointer속성을 주었고, display : inline-block을 주게 되면 :after가상 클래스가 span값 옆에 생기게 된다. position: relative는 위치 조정을 위해서, transition..