CSS3链动画

链接动画有几种方法-使用-webkit-animation-delay是纯CSS方法，您可以在其中定义多个动画并告诉浏览器何时启动它们，例如

-webkit-animation: First 1s, Second 2s;-webkit-animation-delay: 0s, 1s;

另一种方法是绑定到动画结束事件，然后开始另一个。我发现这是不可靠的。

$('#id')  .bind('webkitAnimationEnd',function(){ Animate2() })  .css('-webkit-animation','First 1s');

第三种方法是在Javascript中设置超时并更改CSS动画属性。这是我大部分时间使用的，因为它是最灵活的：您可以轻松地更改时间，取消动画序列，添加新的和不同的序列，而且我从未遇到过失败的问题，就像我绑定到transitionEnd一样事件。

$('#id').css('-webkit-animation','First 1s');window.setTimeout('Animate2("id")', 1000);function Animate2....

当然，它不仅是代码，而不是绑定，而不仅仅是CSS，但是它是可靠且灵活的，恕我直言。