定位：相对定位 vs 变换：平移

Question

例如，如果我们想将元素向上移动50像素，上述两个示例都可以实现。 示例1：

position: relative;
top: -50px;

例子 2

transform: translateY(-50px);

请问您能否解释一下未来行为上可能存在的差异或细微差别？

- volna

Answer 1

示例1

• 可以用于正常情况

• 几乎所有浏览器都支持-不需要为其他浏览器重写

示例2

• 可用于动画-使用变换可以将对象在三维中旋转
• 有限的浏览器支持(需要CSS3因此不适用于IE的早期版本或Opera mini)
• 与延迟结合使用，可以实现旋转动画

- Ankit vadariya