鏈接CSS3動畫？

Question

我加入我的網頁上許多不同類不同的對象設置它們的動畫。

我將它們添加使用addClass與在頁面加載jQuery的。

我想知道是否有辦法來鏈這一點，所以我可以在第一.animate類添加到我的第一個元素，當這樣做了，接下來.animate類添加到另一個元素。

Answer 1

你可以做的最好的就是檢測CSS3過渡期結束，並有一定的邏輯改變類，所以接下來的轉換申請。

$("#foo").on('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd', function(){ 
     if($(this).hasClass('transition1'){ 
      $(this).removeClass('transition1').addClass('transition2'); 
     } 
     // apply whatever logic you want to handle the transition chaining. 
});