链接CSS3动画？

Question

我在页面上的不同对象中添加了许多不同的类来为它们设置动画。

我在页面加载时使用带有jquery的addClass添加它们。

我想知道是否有办法将其链接起来，所以我可以将第一个.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.
});