애니메이션 UI 2

[Sugar]

강의 밑에 설명란에 "특히 여러분이 자바스크립트로 많은 일을 해야하는 SPA 같은 사이트를 만든다면 애니메이션 자바스크립트로 넣으면 안됩니다." 라고 하셨는데 그럼 혹시 이런 콜백 애니메이션을 주려고 한다면 CSS에서 animation-delay를 주는 방법으로 구현하는걸 추천하시는건가요?
$('이 요소').animate({ width: '250px'}, 1000, function() {
$('저 요소').animate({ height : '500px'} });
});

[codingapple]

일단 jQuery 애니메이트 함수는 쓰긴편하지만 가끔은 느리고 버벅이는 애니메이션 함수입니다 

동작 성능을 중요시하신다면 1. velocity.js 같은 애니메이션용 라이브러리를 쓰거나 2. CSS transition 을 쓰거나 하시면 됩니다. 

시간차를 두고 애니메이션 두개를 실행하려고 한다면 setTimeout + CSS transition으로도 구현가능할 것 같군요

[글쓴이]

글