jQuery - Скажите, когда анимация CSS достигает 100%

Question

Есть ли способ узнать, когда анимация достигает 100% своей анимации с помощью jQuery?

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

Answer 1

Это правильный ответ.

$ (elem) .bind ('webkitAnimationEnd', function (event) {// function});

Как мне-триггер CSS-анимации WebKit через JavaScript?

Answer 2

Просто для ясности, вот список всех специфичных для браузера свойств 'animationEnd':

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

Answer 3

Вы можете использовать событие transitionend.

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