您的位置:首页 > Web前端 > CSS

css3动画animation,过渡transition相关事件

2019-06-24 23:02 106 查看
[code]//AnimationEnd 事件侦听

tt.addEventListener("webkitAnimationStart", function(){ //动画开始时事件
console.log(1);//动画开始时,控制台输出1
}, false);
tt.addEventListener("webkitTransitionEnd", function(){ //动画开始时事件
console.log(1);//动画结束时,控制台输出1
}, false);
tt.addEventListener("webkitAnimationIteration", function(){ //动画重复运动时的事件
console.log(3);//第一遍动作完成时,控制台输出3
}, false);

//css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd;
注意:transition,也仅仅有这一个事件。

$('.dom').on("transitionEnd webkitTransitionEnd",function(){
$('.dom2').addClass('move');
})

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: