如何当动画结束创建活动?

问题描述:

1 - 如何当动画结束创建活动?
动画写在CSS3

1 - How to create an event when the animation ends? Animation written in css3

2 - 如何玩,只有当在浏览器中加载的所有数据的动画?
你可以看到

2 - How to Play the animation only when all data loaded in the browser ? You can see

许多THX。
演示的jsfiddle

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

1 -You need to add an animationEnd event listener

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

请确保您添加它为所有的浏览器厂商。

Make sure you add it for all browser vendors.

下面是一个分支的版本: http://jsfiddle.net/Fj2vF/2/

Here is a forked version: http://jsfiddle.net/Fj2vF/2/

2 - 不要担心。由于W3C斑点所说的一切都被加载,只有当你的动画将启动。

2 - Do not worry about this. As the W3C specks say your animation will start only when everything is loaded.