Answer
Translation moves an element from its normal rendered position. β’ It can be written with translate functions or the individual translate property. β’ Percentages are commonly based on the elementβs reference box. β’ Translation does not reserve new layout space.
💡 Simple Example
.menu { transform: translateX(1rem); }
⚡ Quick Revision
translate moves rendered content without changing normal-flow space.