Existe alguma maneira de implementar uma função de retorno de chamada no caso de animação css3? No caso de animação Javascript é possível mas não encontrando forma de fazê-lo no css3.
Uma maneira que eu pude ver é executar o callback após a duração da animação, mas isso não garante que ele sempre será chamado logo após o término da animação. Dependerá da fila da IU do navegador. Eu quero um método mais robusto. Qualquer pista?
javascript
css
frontend
alterar
fonte
fonte
Respostas:
Sim existe. O retorno de chamada é um evento, portanto, você deve adicionar um ouvinte de evento para capturá-lo. Este é um exemplo com jQuery:
Ou puro js:
Demonstração ao vivo: http://jsfiddle.net/W3y7h/
fonte
transitionend
, nãoanimationend
.animationend
msdn.microsoft.com/en-us/library/ie/… . @Husky, o código funciona no Chrome e no FF 14, consulte fiddle jsfiddle.net/W3y7hUma maneira fácil de fazer um retorno de chamada que também lida com suas transições CSS3 / compatibilidades do navegador seria o plug-in jQuery Transit . Exemplo:
JS Fiddle Demo
fonte