jquery - 次々に実装される2つのキーフレーム

Question

次々に実装する必要がある2つの効果が必要なdivがあります.2つのアニメーション間でdelay（）（jqueryで）を使用しますが、結果は必要ありません。実際、2つのキーフレームをチェーンしたいです。提案されたソリューションは何ですか？どうもありがとうございます

score 1 · Accepted Answer

jQuery の animate() には組み込みのコールバック関数があります。

$("#elementID").animate({top: 0}, 1000, function() {
    $(this).animate({top: 1000}, 1000);
});

score 0 · Accepted Answer

Webkitにはアニメーションの遅延特性がありますが、それはWebkitだけです。アニメーションには jQuery を使用することを強くお勧めします。

このスタックオーバーフローの質問を確認してください: http://stackoverflow.com/questions/7825509/css3-chain-animations

jQuery トランジットは、jQuery 構文を使用しながら CSS3 アニメーションを使用するための優れたプラグインでもあります。 http://ricostacruz.com/jquery.transit/

2 に答える 2