css3トランジションをチェーンするための最良の方法は何ですか?つまり、ある要素を次々に移動します。粗雑な方法は、単にsetTimeout()を使用することです。これは、遷移終了イベントをリッスンするためのより良い方法ですか?他のアイデアはありますか?
ありがとう。
css3トランジションをチェーンするための最良の方法は何ですか?つまり、ある要素を次々に移動します。粗雑な方法は、単にsetTimeout()を使用することです。これは、遷移終了イベントをリッスンするためのより良い方法ですか?他のアイデアはありますか?
ありがとう。
最初の遷移の長さである 2 番目の遷移に遅延を設定します。 http://www.w3schools.com/cssref/css3_pr_transition-delay.asp
またはキーフレームを使用します: https://stackoverflow.com/a/7294539/1431252
Jquery Transitは、このための非常に優れたライブラリです。CSSを使用してアニメーション化し、完了時にコールバックを提供するため、次のように連鎖させることができます。
$('.box').
transition({ x: '-40px' }, 250).
transition({ x: '0px' }, 250).
transition({ y: '-40px' }, 250).
transition({ y: '0px' }, 250);