动画结束时如何创建事件？答案

【问题标题】：How to create an event when the animation ends?动画结束时如何创建事件？
【发布时间】：2012-07-04 19:36:13
【问题描述】：

1 - 如何在动画结束时创建事件？用css3写的动画

2 - 如何仅在浏览器中加载所有数据时播放动画？可以看到

很多谢谢。 Demo jsFiddle

【问题讨论】：

【解决方案1】：

1 - 你需要添加一个 animationEnd 事件监听器

document.getElementById('animation-03').addEventListener('animationend', function () {
    alert('end')
}, false);

确保为所有浏览器供应商添加它。

2 - 不要担心这个。正如 W3C 规范所说，您的动画只有在所有内容都加载后才会开始。

【讨论】：

【解决方案2】：

使用 Javascript/jQuery 启动和处理 css3 动画非常简单。

检查示例here

你可以使用 js 库 Move.js 来实现它。

【讨论】：