1:ID:F3hA9F 2週間前

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

5 件のコメント

2:ID:Fjjaas 1週間前
別にいいと思うけど
classが増えていくってのはどういうことかわかんない
3:ID:Txntqg 1週間前
CSSで
animation: animation1 1s, animation2 3s;
みたいに指定すればいけるかと
4:ID:K1DLo3 1週間前
複雑なアニメーションを作るならvelocity.jsとかanime.js使った方が工数減る気がする。
5:ID:Do915N 1週間前
Re:3
ありがとう。delayで制御することは考えたけど、ごちゃごちゃしてしまいそうだからやめたんだ。

Re:4
おすすめしてもらったanime.jsを試しているところです。
ドキュメント読むのめんどくさそうでスルーしてたけどおもったより簡単そうでした。
ありがとう。
6:ID:.YzV5P 1週間前
anime.jsでAndroid4.2とか4.3動かなくて死んだよ。
今回はTweenMaxでいきたかったが、ライセンスうるさい客だったから、
いつも通りにvelocity.jsでいけばよかったと後悔・・・
コメントの受付は終了しました。

一緒に読まれているつぶやき

ページ上部に戻る