请用 CSS 实现一个元素向右移动 10px 的过渡效果，并说明原理。

回答思路

1. 能给出使用 transform: translateX(10px) 或 margin-left 的写法
2. 说明 transition 属性的作用、持续时间与触发方式
3. 正确解释位移触发条件（如 hover 或类切换）
4. 表达出 transform 与布局属性在性能上的差异