0

CSS3アニメーションの問題があり、アプローチ方法すらわかりません。

css3アニメーションが適用された<#box>があります。このアニメーションが終了すると、新しいwebkitAnimationEndイベントが<#box>に新しいクラスを追加して2番目のアニメーションをトリガーし、この2番目のアニメーションが終了すると、別のwebkitAnimationEndイベントが別のクラスを<#box>に追加して3番目のアニメーションをトリガーします。等々...

これが私がこれまでに持っているものです。さまざまなアニメーションに複数のイベントリスナーを適用する方法がわかりませんでした-http://jsfiddle.net/lesballard/uFbUj/15/

これも可能ですか?(ここで申し訳ありませんが完全な初心者)

事前にThx-Les

4

1 に答える 1

0

特定のcssクラスによって定義されたアニメーションによってのみトリガーされるリスナーをサブスクライブすることも、必要でもありません。

必要なイベントリスナーは1つだけです。トリガーされると、現在のクラスが削除され、別のクラスが追加されます。

これは、単純なキューイングメカニズムで実行できます。必要なのは、クラス名の配列と、アニメーションの終了イベントがトリガーされたときに増減するインデックスだけです。

http://jsfiddle.net/uFbUj/26/

于 2012-10-01T13:06:22.577 に答える