javascript - -webkit-animation の使用時に webkitTransitionEnd が起動しない

Question

-webkit-transition と -webkit-animation の違いは何ですか? -webkit-animation を使用すると、何らかの理由で webkitTransitionEnd が起動しません。

このコードhttp://jsbin.com/oveval/7/editを使用して、アニメーションがいつ終了したかを確認するにはどうすればよいですか 。アニメーション化するすべての要素にイベント リスナーをアタッチしましたが、いずれも起動しません。

Answer 1

解決策はhttp://jsbin.com/oveval/10/にあります。webkitAnimationEndイベントを使用する必要があります。https://developer.apple.com/documentation/webkitjs/webkitanimationevent

(アラートは jsbin では機能しないようです..)