html/css애니메이션 4가지step

애니메이션 4가지 step
1.시작스타일 정하기
2.최종스타일 정하기
3.언제 최종스타일로 변할지 트리거 주기 (대부분 마우스 올렸을 때임)
4.transition 으로 서서히 동작하게 만들기
대충 이러면 끝임

대부분 다 hover임
클릭, 드래그, 키 입력 이런건 자바스크립트

애니메이션을 확인하고 싶을 때,
개발자도구 -> 점 3개 -> Animations -> 애니메이션 확인 가능