#質問
css3でのアニメーションで色々やっています。アニメーションの制御について質問したくて書き込んでみました。
いま、「Aアニメ―ションが終わったとあとにBアニメーション」という動作にしたくて、animationendを使ってJSで制御しています。
具体的には、animationendの処理としてanimationの動きだけつけたclassを付け外ししてるのですが、これってclassが増えていってなんか非効率なことをやってしまってるのかな?と悩んでいます。
同じようなシチュエーションのとき、どのように書きますか?アドバイスいただければ嬉しいです。
一緒に読まれている質問
5 件の回答
別にいいと思うけど
classが増えていくってのはどういうことかわかんない
CSSで
animation: animation1 1s, animation2 3s;
みたいに指定すればいけるかと
複雑なアニメーションを作るならvelocity.jsとかanime.js使った方が工数減る気がする。
Re:3
ありがとう。delayで制御することは考えたけど、ごちゃごちゃしてしまいそうだからやめたんだ。
Re:4
おすすめしてもらったanime.jsを試しているところです。
ドキュメント読むのめんどくさそうでスルーしてたけどおもったより簡単そうでした。
ありがとう。
anime.jsでAndroid4.2とか4.3動かなくて死んだよ。
今回はTweenMaxでいきたかったが、ライセンスうるさい客だったから、
いつも通りにvelocity.jsでいけばよかったと後悔・・・