jquery - アニメーションが終了したときにイベントを作成するにはどうすればよいですか？

Question

1-アニメーションが終了したときにイベントを作成するにはどうすればよいですか？css3で書かれたアニメーション

2-ブラウザにすべてのデータがロードされている場合にのみアニメーションを再生するにはどうすればよいですか？あなたが見ることができます

多くのThx。デモjsFiddle

score 1 · Accepted Answer

Javascript/jQueryを使用してcss3アニメーションを開始して処理するのは非常に簡単です。

ここで例を確認してください

jsライブラリ Move.jsを使用できます。

score 1 · Accepted Answer

1-animationEndイベントリスナーを追加する必要があります

document.getElementById('animation-03').addEventListener('animationend', function () {
    alert('end')
}, false);

必ずすべてのブラウザベンダーに追加してください。

これがフォークバージョンです：http：//jsfiddle.net/Fj2vF/2/

2-これについて心配する必要はありません。W3Cスペックが言うように、アニメーションはすべてがロードされたときにのみ開始されます。

2 に答える 2