如何在动画结束时创建活动？

Question

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

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

很多Thx。 Demo jsFiddle

Answer 1

1 - 您需要添加animationEnd事件侦听器

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

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

这是一个分叉版本：http://jsfiddle.net/Fj2vF/2/

2 - 不要担心这个。正如W3C斑点所说，只有当所有东西都被加载时你的动画才会开始。

Answer 2

使用Javascript / jQuery启动然后处理css3动画非常容易。

检查示例here

您可以使用js库Move.js。