Я знаю, что вы можете заставить ускорение графического процессора добиться плавной анимации элементов по всему экрану, применив переход к свойству transform, например:

elem.style.transition = 'all 3s ease-out';
elem.style.transform = 'translateX(600px)';

Но мне было интересно, что произойдет, если вы замените вторую строку на:

elem.style.left = '600px'; 

Будет ли ускорение графического процессора задействовать свойство "left" (или "top") или оно должно быть в свойстве transform? Мне кажется, что это должно быть ускорение GPU, но я не могу найти окончательный ответ из любой документации, которую я прочитал.