animationend 事件

CSS动画事件

CSS 动画播放时，会发生以下三个事件：

animationstart - CSS 动画开始后触发
animationiteration - CSS 动画重复播放时触发
animationend - CSS 动画完成后触发

注意标准语法都是小写，兼容大小写驼峰写法

webkitAnimationStart
webkitAnimationIteration
webkitAnimationEnd

语法

object.addEventListener("webkitAnimationEnd", myScript);  // Chrome, Safari 和 Opera 
object.addEventListener("animationend", myScript);        // 标准语法  

举例

animationend 事件