日期:2014-05-16  浏览次数:20523 次

css3 animation动画事件

当使用css3时,会遇到利用@keyframes来定义动画事件,利用下面3个事件,可以捕捉当前元素的动画:


AnimationEnd //动画结束时

AnimationStart  //动画开始

AnimationIteration  //动画每执行结束一次,这种情况适用与animation-iteration-count大于1时。



对于transaction也有一个事件来捕获结束:


transactionend 

$('.toggle-detail').on('transitionend',function(){
		moveMountain();
	});