Serviceを読んで理解し、同意したものとみなします。スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。2,498件3class="n2"からclass="n1"に移動する際、滑らかにスーッと移動させたいのですが、うまくいきません。今は、かくかくしています。jsでclassを変更してcssのpositionで位置をズラしているのですが、滑らかに移動(変更)させるには、どこにどのように書いたらよいでしょうか。ご教示の程よろしくお願いいたします。3秒止めてから2秒かけてscaleoutのkeyframesを実行(足して5秒)。票2cssのanimationなら、transformを変化させると滑らかです。z軸の移動をさせれば、重なり順もちゃんとシミュレートされます。ループする仕組みもjsより簡素・安全に書けるのでおすすめです。|1アニメーションしながらクラスを変更するのは難しそうな気がしたので、ちょっと違う感じでやってみました。CSSの設定値をjavascriptにも書かないといけないので良い処理とは言えないかも知れませんが、参考になれば幸いです。3秒止めてから2秒かけてscaleoutのkeyframesを実行(足して5秒)。ありがとうございます。可愛い猫にも癒されました。奥の画像が一瞬手前にきますが、ゆっくりコードを見て勉強させていただきたいと思います。取り急ぎ、お忙しい中感謝したします。昨日から気になっていた点があったので少し変更してみました(setIntervalではなく、webkitAnimationEndを使用するようにしました)。2:45@ita_3yさま、確認が遅くなってすみません。animationとjsを連動させているんですね。それによってスムーズな移動が可能になるんですね。うまくタイミングを調整してあげればsetIntervalでも動きに大きな違いは無いと思います。jsそれぞれで時間を管理するため両方のタイミングを合わせないといけない)。cssのanimationの途中にjsで処理を挟みたいとかであれば、setIntervalを使った方が良いかもしれません。試しにcssの秒数を変更してsetIntervalとwebkitAnimationEndの違いを見てみると面白いかもしれません。|-1この辺のライブラリを使われると簡単だと思います。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。