链接css3过渡

Question

什么是将css3转换链接在一起的最佳方法 - 即一个接一个地移动一个元素。粗略的方法是简单地使用setTimeout（），更好的方式来监听转换结束事件？还有其他想法吗？

感谢。

Answer 1

在第二个转换上设置延迟，即第一个转换的长度。 http://www.w3schools.com/cssref/css3_pr_transition-delay.asp

或使用关键帧：https://stackoverflow.com/a/7294539/1431252

Answer 2

Jquery Transit是一个非常酷的库。它使用CSS动画，并在完成时为您提供回调，因此您可以将它们链接起来：

$('.box').
transition({ x: '-40px' }, 250).
transition({ x: '0px' }, 250).
transition({ y: '-40px' }, 250).
transition({ y: '0px' }, 250);