对css3动画事件的监听

关于对css3动画事件是否结束的监听：



css3的动画主要有两种方式：

1、-webkit-animation动画其实有三个事件： 
开始事件 webkitAnimationStart 
结束事件 webkitAnimationEnd 
重复运动事件 webkitAnimationIteration

2、css3的过渡属性transition，在动画结束时，也存在结束的事件：

webkitTransitionEnd；

但是此只有一个事件

1、css3的transition

其主要有三个属性：

（1）transition-property      表示要运动的样式

其主要有： :all(所有属性改变)
|| [attr] (指定要运动的样式)|| none(没有属性改变) 几个取值

（2）transition-duration  表示执行动画需要的时间，单位为毫秒（s）

（3）transition-delay  表示延迟的时间，单位为毫秒（s），默认为0，表示没有延迟

（4）transition-timing-function  表示运动的形式

其中主要形式有：ease(逐渐变慢) | linear(匀速) | ease-in(加速) | ease-out(减速) | ease-in-out(先加速然后减速) | cubic-bezier(该值允许你去自定义一个时间曲线)(number, number, number, number>)

综合在一起的写法是：

元素选择器{transition:运动的样式 持续时间 运动形式 延迟时间;}