css3 animation动画事件
2015-02-06 18:08
555 查看
当使用css3时，会遇到利用@keyframes来定义动画事件，利用以下3个事件，能够捕捉当前元素的动画：
AnimationEnd //动画结束时
AnimationStart
//动画開始
AnimationIteration
//动画每运行结束一次，这样的情况适用与animation-iteration-count大于1时。
对于transaction也有一个事件来捕获结束：
transactionend
AnimationEnd //动画结束时
AnimationStart
//动画開始
AnimationIteration
//动画每运行结束一次，这样的情况适用与animation-iteration-count大于1时。
对于transaction也有一个事件来捕获结束：
transactionend
$('.toggle-detail').on('transitionend',function(){
moveMountain();
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css3 animation动画事件
- css3动画事件—webkitAnimationEnd
- css3动画事件―webkitAnimationEnd
- css3动画事件—webkitAnimationEnd与计时器time事件
- css3动画事件—webkitAnimationEnd
- CSS3动画以及animation事件
- 原生js判断css3动画过度(transition)结束 transitionend事件 以及关键帧keyframes动画结束(animation)回调函数 animationEnd
- css3动画事件―webkitAnimationEnd与计时器time事件
- CSS3动画以及animation事件
- 监听css3动画结束事件-webkitAnimationEnd
- css3 动画（animation）、渐变（transition）和改变（transform）整理
- CSS3 Animation 帧动画
- CSS3动画 transition和animation的用法和区别
- 怎样使CSS3中的animation动画当每滑到一屏时每次都运行
- 深入理解CSS3 Animation 帧动画
- CSS3的过渡效果(transition)与动画(animation)
- css3学习--css3动画详解一(animation属性）
- CSS3中的动画，animation、transition和transform属性的运用
- css3 使用animation实现动画效果
- css3动画：animation