1:ID:aobnS. · 2021-05-12

jsとcssのアニメーション比較で教えて！

例えば横移動のアニメーションをする際、

transitionプロパティを使ったアニメーション
と
requestAnimationFrameをjsで使ったアニメーション

どちらが早いのでしょうか？

1いいね! 5 あとで

5 件の回答

時系列表示 — 階層表示

2:ID:lM8osA · 2021-05-12

そりゃCSSのほうが軽い
JSって30fpsとかでCSSを書き換えてるだけだから

4:ID:Nxkxf6 · 2021-05-12

Re:2
なるほです！

そうなりますと、
TweenMaxってrequestAnimationFrameだったと思うのですが、
単純に速さだけを求めるなら、
TweenMaxより、cssのtransition もしくはそれを包しているプラグインを使った方が
速いのでしょうか？

6:ID:lM8osA · 2021-05-14

Re:4
使い所にもよってくるんでしょうけど
個人的にはTweenMax使っておけばいいんじゃないかなって気がします。
思った以上にさくさく動くのでかなり最適化されてる印象です。

1いいね!

2 件の回答が除外されました。[詳細]

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