CSS3 transition

setTimeout이나 setInterval을 사용해서 연속적인 함수 호출로 애니메이션을 구현하는 방법은 약간의 delay가 발생하는 문제가 있다. 이들 함수는 애니메이션을 위해서 생겨난 기능은 아니다. 애니메이션 구현을 위해서는 끊김없이 부드럽게 처리가 돼야 하는데, 다행히도 이를 위한 메서드를 브라우저가 제공하고 있다. requestAnimationframe를 사용해서 최적화된 타이밍에 animation관련 함수가 실행되도록 한다. 1. requestAnimationFrame setTimeout은 animation을 위한 최적화된 기능이라 보기는 어렵다. animation주기를 16.6 미만으로 하는 경우 불필요한 frame 생성이 되는 등의 문제가 생긴다. 그 대안으로 생긴 것이 바로 request..