Уже довольно давно, чтобы обмануть браузер и заставить его применить аппаратное ускорение для операций анимации и трансформаций, используется так называемый приём translateZ() (или translate3d()). Это происходит путём добавления простой 3D-трансформации для элемента, который не будет трансформироваться в трёхмерном пространстве. Например, чтобы получить аппаратное ускорение для двухмерной анимации элемента, нужно добавить это простое правило:

transform: translate3d(0, 0, 0);

В закладки ушло, спасибо

Ну я думаю ты знаешь, что top, left лучше не трогать))

Это will-change

Спасибо, почитаю

Вообще для анимации советую юзать gsap

под react есть либа ?

Ну я так понимаю, это готовая либка анимаций ?