链接 css3 转换

【问题标题】：chaining css3 transitions链接 css3 转换
【发布时间】：2012-10-04 07:05:43
【问题描述】：

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

谢谢。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：