链接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);