animation

animation 이란?

지금까지 transition을 이용해서 애니메이션을 만들었음.

transition vs animation

비교하면 애니메이션이 더 좋아보이지만

트랜지션과 비교하면 복잡하고 귀찮음

@keyframes

%로 쓰면 중간중간 언제든 세부적으로 컨트롤이 가능해짐.

animation

animation-name

animation-duration

from에서 to로 한번 갈때 걸리는 시간

animation-direction

animation-iteration-count

animation-timing-function

animation-delay

단축 속성 ( 자주 사용함 )

순서가 바뀌면 에러가 나거나, 제대로 동작하지 않음.