css3：元素始终围绕中心旋转

我有这个。如图所示，元素围绕其中心旋转，但我尝试的是让它围绕其左边界（或左轴，或y轴？）旋转。这可能吗

这是我的html

<div id="parent">
    <div class="item">Rotate</div>
</div>

使用javascript，我将类rotate添加到div.item中，这样它将开始旋转。

您有一个输入错误

-webkit-tranform-origin: top left 0 ;

我把它改成了

-webkit-transform-origin: top left 0;

我想这就是你的用意（？）

-webkit-transform-origin: top left 0;