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