Como criar um evento quando a animação termina?

1 – Como criar um evento quando a animação termina? Animação escrita em css3

2 – Como jogar a animação somente quando todos os dados carregados no navegador? Você pode ver

Muitos thx. Demo jsFiddle

1 -Você precisa adicionar um ouvinte de evento animationEnd

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

Certifique-se de adicioná-lo a todos os fornecedores de navegadores.

Aqui está uma versão bifurcada: http://jsfiddle.net/Fj2vF/2/

2 – Não se preocupe com isso. Como as manchas do W3C dizem que sua animação começará somente quando tudo estiver carregado.

Iniciar e manipular animações em css3 com Javascript / jQuery é muito fácil.

Veja o exemplo aqui

Você pode usar a biblioteca js Move.js para isso.