jquery - jQuery - CSS アニメーションが 100% になったときに通知する

Question

アニメーションが jQuery でアニメーションの 100% に達したことを知る方法はありますか?

{0%{-xxx-transform:translate(0,0);}
100%{-xxx-transform:translate(-500px, 300px); opacity: 0.1;}

Answer 1

これが正しい答えです。

$(elem).bind('webkitAnimationEnd', 関数 (イベント) { //関数 });

JavaScript を介して WebKit CSS アニメーションを再トリガーするにはどうすればよいですか?

Answer 2

transitionendイベントをご利用いただけます。

$('#elem').bind('transitionend', function()
{
    alert('finished animating');
});

Answer 3

わかりやすくするために、ブラウザ固有のすべての「animationEnd」プロパティのリストを次に示します。

$('#foo').bind('animationEnd oAnimationEnd msAnimationEnd mozAnimationEnd webkitAnimationEnd', function(event){
    // Do stuff once the CSS animation has finished.
});