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