애니메이트 CSS를 사용하여 순차적으로 요소를 애니메이션화합니다.

Question

다음과 같은 1235 개의 상자가있는 http://jsfiddle.net/fFMt2/1/이 있습니다. 나는 http://daneden.me/animate에서 animate css 플러그인을 사용합니다.

내가하고 싶은 것은 순차적으로 각 상자에 애니메이션을 적용하는 것입니다.

순차적으로 애니메이션을 만들기 위해 내가 무엇을 놓치고 있는지 확실하지 않습니다.

나는 누군가가 저를 해결하는 데 도움 수 있다면 높이 평가에서는 setTimeout 기능

setTimeout(function(){ 
     $('.slider').append('<li><div class="box animated bounceInRight"></div></li>'); 
     },100); 

에 뭔가 일을 할 것이

Answer 1

당신은 각 항목에 지연을 증가해야합니다.

setTimeout(function(){ 
    ... 
},100 * idx); 
     --^-- 

데모 :http://jsfiddle.net/fFMt2/2/