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 以使右上角现在位于原点。然后正常旋转对象。