CSS3动画和过渡事件的监控

CSS3 包含主要动画效果通过两种方式实现：
    动画（animation）
    过渡（transition）

想要做这两种动画效果的开始和结束处触发事件，完成相关功能，则需要用到相关的事件监控：

动画（animation）

标准写法：animationstart ，animationi teration（迭代，动画重复的时候） ，animationend

Webkit写法：webkitAnimationStart，webkitAnimationIteration （迭代，动画重复的时候），webkitAnimationEnd

过渡（transition）

标准写法：transitionend

Webkit写法：webkitTransitionEnd

例子：

document.getElementById("contentWrap").addEventListener("webkitTransitionEnd", function(){
	alert(123);
}, false);

参考文章：
http://www.web-tinker.com/article/20338.html
https://developer.mozilla.org/zh-CN/docs/CSS/Tutorials/Using_CSS_transitions
http://www.cnblogs.com/duanhuajian/archive/2013/01/29/2881973.html