1:ID:F3hA9F · 2017-07-13

#質問 css3でのアニメーションで色々やっています。アニメーションの制御について質問したくて書き込んでみました。
いま、「Aアニメ―ションが終わったとあとにBアニメーション」という動作にしたくて、animationendを使ってJSで制御しています。
具体的には、animationendの処理としてanimationの動きだけつけたclassを付け外ししてるのですが、これってclassが増えていってなんか非効率なことをやってしまってるのかな?と悩んでいます。
同じようなシチュエーションのとき、どのように書きますか?アドバイスいただければ嬉しいです。

5 件の回答

2:ID:Fjjaas · 2017-07-14

別にいいと思うけど
classが増えていくってのはどういうことかわかんない

3:ID:Txntqg · 2017-07-14

CSSで
animation: animation1 1s, animation2 3s;
みたいに指定すればいけるかと

4:ID:K1DLo3 · 2017-07-14

複雑なアニメーションを作るならvelocity.jsとかanime.js使った方が工数減る気がする。

5:ID:Do915N · 2017-07-18

Re:3
ありがとう。delayで制御することは考えたけど、ごちゃごちゃしてしまいそうだからやめたんだ。

Re:4
おすすめしてもらったanime.jsを試しているところです。
ドキュメント読むのめんどくさそうでスルーしてたけどおもったより簡単そうでした。
ありがとう。

6:ID:.YzV5P · 2017-07-18

anime.jsでAndroid4.2とか4.3動かなくて死んだよ。
今回はTweenMaxでいきたかったが、ライセンスうるさい客だったから、
いつも通りにvelocity.jsでいけばよかったと後悔・・・

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る