Преобразование CSS против позиции

Кто-нибудь, пожалуйста, объясните мне разницу в переходе свойств позиционного влево или вправо или -преобразования: translateX (n) , как оба, кажется, достигают одного и того же, но могут применяться независимо. Я понимаю возможность аппаратного ускорения, но это зависит от реализации.

// psuedo code;

#box {
    -transition-property: all;
    -transition-duration: 1s;
}

// javascript

box.style.transform = "translateX(200px)";
vs
box.style.left = "200px";

В чем преимущество одного перед другим? Спасибо,

p