[CSS] 버튼 애니메이션 효과 (텍스트가 자연스럽게 나타나는 효과)

 

dfsdfdsSee the Pen Button Hover Effects by Aaron Iker (@aaroniker) on CodePen.

 

괜찮은 버튼효과를 찾았다.

SCSS를 사용하면 텍스트 애니메이션을 쉽게 만들어 낼 수 있지만 컴파일하면 CSS에서도 사용하는데 무리 없다.

나는 배경색은 투명하게 하고, 테두리 색상이 변하도록 애니메이션 효과를 주고 싶어서 아래처럼 커스텀했다.

 

 

See the Pen 버튼 오버 애니메이션(테두리, 텍스트) by lpla (@lpla) on CodePen.