Tại sao transform/opacity animate mượt hơn top/left?

transform và opacity chỉ trigger composite step (GPU). top/left trigger layout + paint + composite (CPU-intensive).

• Layout recalculation tốn thời gian vì ảnh hưởng tất cả elements.
• Luôn ưu tiên transform: translate() cho di chuyển.

transform and opacity only trigger the compositing step (GPU). top/left triggers layout + paint + compositing (CPU-intensive).

• Layout recalculation is expensive because it affects all other elements.
• Always prefer transform: translate() for movement animations.