1

css3トランジションをチェーンするための最良の方法は何ですか?つまり、ある要素を次々に移動します。粗雑な方法は、単にsetTimeout()を使用することです。これは、遷移終了イベントをリッスンするためのより良い方法ですか?他のアイデアはありますか?

ありがとう。

4

2 に答える 2

3

最初の遷移の長さである 2 番目の遷移に遅延を設定します。 http://www.w3schools.com/cssref/css3_pr_transition-delay.asp

またはキーフレームを使用します: https://stackoverflow.com/a/7294539/1431252

于 2012-10-03T22:54:33.573 に答える
1

Jquery Transitは、このための非常に優れたライブラリです。CSSを使用してアニメーション化し、完了時にコールバックを提供するため、次のように連鎖させることができます。

$('.box').
transition({ x: '-40px' }, 250).
transition({ x: '0px' }, 250).
transition({ y: '-40px' }, 250).
transition({ y: '0px' }, 250);
于 2012-10-03T23:05:43.310 に答える