WebKit变换：如何绕Z轴旋转，但不围绕中心旋转？

Question

有没有办法让webkit变换旋转围绕元素中心以外的点旋转（例如，围绕右上角旋转）？

- Omer

Answer 1

您可以使用 transform-origin 来改变原点的位置：

.myClass{

    -webkit-animation-duration: 1s;

    -webkit-animation-name: myAnim;

    -webkit-animation-iteration-count: infinite;

    -webkit-transform-origin: 275px 150px;

    -webkit-animation-timing-function: linear;
}

你只需要使用旋转就能看到它的效果了 :)

这里是官方文档： http://www.w3.org/TR/css3-3d-transforms/#transform-origin-property

- Tim

---

如果您想要实现右上角的效果，可能需要将transform-origin更改为100％ 0％。 - Michael Mullany

Answer 2

你能先将对象进行平移，然后再旋转它吗？

例如，如果对象的中心在原点，右上角在3,5处，则将对象平移-3,-5，使得右上角现在位于原点。然后按照正常方式旋转对象。

- Stuart Thompson

---

似乎没有帮助。顺便说一下，我正在http://www.eleqtriq.com/wp-content/static/demos/2010/css3d/css3dexplorer.html上进行测试。 - Omer