jQuery - CSSアニメーションが100％ヒットするときを教えてください

Question

アニメーションがjQueryでアニメーションの100％をヒットするときを知る方法はありますか？

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

Answer 1

transitionendイベントを使用できます。

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

Answer 2

これは正しい答えです。

$（elem）.bind（ 'webkitAnimationEnd'、function（event）{ // function }）;

How do I re-trigger a WebKit CSS animation via JavaScript?

Answer 3

だけ明瞭のために、ここではすべてのブラウザ固有の「animationEndのプロパティのリストがあります：

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