webkit 变换：如何在 Z 轴上旋转，而不是围绕中心旋转？

Question

知道如何让 webkit 变换旋转围绕与元素中心不同的点旋转（例如，围绕右上角）？

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

Answer 2

你能先平移物体，然后旋转它吗？

即如果对象的中心位于原点且右上角位于 3,5，则平移对象 -3,-5，使右上角现在位于原点。然后正常旋转对象。