CSS transform vs position

Question

Can some please explain to me the difference in transitioning the positional left or right properties or the -transform: translateX(n)

Answer 1

top and left CSS properties work only on elements positioned relative, absolute or fixed. Also, top and left properties rely on the parent's position (relative it, absolute or static). Translations are not affected by that settings.

---

Translation transformations are "identical" to applying top and left when element has position: relative. In any other case they aren't the same operations.