如何创建 CSS3 动画 WebkitAnimationEnd 事件数组答案

【问题标题】：How to create array of CSS3 Animation WebkitAnimationEnd Events如何创建 CSS3 动画 WebkitAnimationEnd 事件数组
【发布时间】：2012-09-20 15:59:38
【问题描述】：

基本上，我要做的是设置一个元素，我将对其应用大约 5 种不同的 css3 动画。我想做的是让 WebkitAnimationEnd 事件触发五个动画中的每一个。

所以当第一个动画结束时，它会触发 WebkitAnimationEnd 事件并激活第二个动画，依此类推...

http://jsfiddle.net/lesballard/uFbUj/13/

【问题讨论】：

这就是你想要的jsfiddle.net/uFbUj/14
您好，感谢您的回复。但这对我来说不太适用。我将创建 3 个将应用于同一元素的不同动画。我想做的是一个事件监听器，它将寻找 3 个不同动画的结尾。所以我将应用第一个动画，当 WebkitAnimationEnd 获得第一个动画的结束时，将添加一个类来应用第二个动画并为第二个动画设置事件侦听器，当 WebkitAnimationEnd 触发第三个动画的结束等。

标签： jquery animation css

【解决方案1】：

我有事件动画结束。

动画结束时可以在这里看到Demo

$(document).ready(function() {
             document.getElementById('animation-03').addEventListener('webkitAnimationEnd', function () {
                alert('CSS3 animation demo by centerwow/Yossi Levi')
            }, false);
         });

你可以从赫拉那里得到想法并匹配你的要求。

希望能帮到你。谢谢

【讨论】：