Как сделать плавную анимацию при одновременном изменении top и left?

Question

[Никита Сечной]

Написал простую анимацию для перемещения элемента средством изменения значений top и left в CSS. Но произошла трудности с перемещением под определенными углами. Допустим, элемент должен двигаться под углом 13° и он начинает двигаться лесенкой и за счет этого ещё и медленней.

Вот код.

Comments

[Kovalsky]

Оформите, пожалуйста, код в какой-нибудь песочнице типа jsfiddle.net, чтоб его можно было запустить и посмотреть что конкретно не так; это сильно упростит процесс помощи вам.

[RAX7]

Вместо top и left используй transform

// element.style.left  = x + 'px';
// element.style.top  = y + 'px';
element.style.transform = `translate(${x}px, ${y}px)`;

[Никита Сечной]

RAX7, это то что мне нужно. Спасибо большое. Я пока только учусь и не знал о данном свойстве СSS, хотя предполагал что подобное есть.