2

有没有办法用 jQuery 判断动画何时达到其动画的 100%?

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

3 回答 3

1

这是正确的答案。

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

如何通过 JavaScript 重新触发 WebKit CSS 动画?

于 2012-03-05T08:52:11.087 回答
0

您可以使用该transitionend事件。

$('#elem').bind('transitionend', function()
{
    alert('finished animating');
});
于 2012-03-04T22:43:24.707 回答
0

为清楚起见,这里列出了所有特定于浏览器的“animationEnd”属性:

$('#foo').bind('animationEnd oAnimationEnd msAnimationEnd mozAnimationEnd webkitAnimationEnd', function(event){
    // Do stuff once the CSS animation has finished.
});
于 2012-10-23T10:48:29.777 回答