为什么不同的CSS3旋转+；平移vs旋转+；左边

我有以下代码： CSS:

和HTML：

<div class="wrapper">
<div class="square"></div>
</div>

因此，不是平移，而是通过左属性进行移动

---

我的问题是：为什么我不能通过left属性获得与TranslateX相同的结果？

我在Chrome（Ubuntu）上尝试了这个方法，并在

旋转之前放置
translate
，删除了循环行为：
你是对的。唯一的问题是：我想知道为什么顺序在结果上有如此巨大的差异：）
<div class="wrapper">
<div class="square"></div>
</div>

transform:rotate(90deg);
    left:400px;
    transition: left 5s,transform 5s;