1The Paint Cycle
When you animate a CSS property, the browser has to Recalculate Style, Layout, Paint, and Composite. Animating left forces Layout and Paint every single frame (laggy). Animating transform: translateX skips Layout and Paint, sending the element to a separate layer handled directly by the GPU's Compositor. This is how you get silky smooth animations.
