位置：相对vs变换：翻译

Question

例如，如果我们想要将50px上的元素移到上面的两个例子

示例1

position: relative;
top: -50px;

示例2

transform: translateY(-50px);

请您解释未来行为的可能差异，或者可能存在一些细微差别？

Answer 1

示例1

• 可以在正常情况下使用

几乎所有浏览器都支持

• - 不需要为其他浏览器重写

示例2

• 可用于动画 - 使用变换可以旋转三维对象
• 有限的浏览器支持（需要CSS3，所以不是早期版本的IE或Opera Mini）
• 结合使用延迟，您可以设置旋转动画