1. CSS Transition 시작과 끝 두개의 상태만 지정할 수 있는 단순한 연출. 어떠한 입력이 있어야만 작동한다. ex)버튼을 눌렀을때, 마우스를 올렸을때 등 버튼을 눌렀을때 어떤 컴포넌트가 부드럽게 등장 하는 등 간단한 작업에 사용하기 좋다. 사용방법 CSS에 transition속성으로 직접 구현 button { display: inline-block; transition-property: all; transition-duration: 0.5s; } button:active { transform:translate(50px, 50px); } 이동하는 버튼 2. CSS Keyframe Animation ▷ transition과 비교해서 가능한 것! 시작과 끝 사이에 중간 상태를 원하는 만큼 지정할 ..