How to increase frame rate in css animations and what are the factors effecting the frame rates in an animation?

I've made a loader containing many moving elements but it is a bit laggy. I want to improve it's frame rates so I need help. That code is here please check. https://code.sololearn.com/W6GyfXiKUv9J/?ref=app

3/13/2020 2:41:06 PM


4 Answers

New Answer


But it doesn't increase frame rates it is yet laggy..



animation-timing-function: steps(n); Where n is how many frames the animation is divided into.


Your device processor is a factor. It probably can't handle animations with lot of fps