Which is faster, JavaScript or CSS animation?

For example, when you do horizontal animation, which one is faster?

Animation using the transition property
animation with transform:translate3D and so on in requestAnimationFrame

Speed = I would like to know which FPS is better.

For example, for devices with poor specs,
From the question of which FPS is more expensive
It was a question.

2022-09-30 19:54

1 Answers

Both CSS transition and requestAnimationFrame() will update the drawing according to the hardware refresh rate.Therefore, the FPS will be the same regardless of whether the CPU is fast enough.

requestAnimationFrame() is more likely to cause the FPS to drop when the CPU is slow or animation or other processes are heavy.There is always an overhead to bridge the browser's native code with the JavaScript world.

2022-09-30 19:54

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656