两个首先实现的关键帧

Question

我有一个div它需要两个效果，必须一个接一个地实现。我在两个动画之间使用delay（）（在jquery中）但它没有要求result.indeed我想链两个关键帧。建议的解决方案是什么？ 非常感谢

Answer 1

jQuery的animate（）有一个内置的回调函数：

$("#elementID").animate({top: 0}, 1000, function() {
    $(this).animate({top: 1000}, 1000);
});

Answer 2

Webkit有一个动画延迟属性，但那只是Webkit。我强烈建议您使用jQuery来制作动画。

查看此Stack Overflow问题： 的 http://stackoverflow.com/questions/7825509/css3-chain-animations

jQuery transit也是使用CSS3动画的好插件，同时使用jQuery语法。 的 http://ricostacruz.com/jquery.transit/