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平移，使得右上角现在位于原点。然后照常旋转对象。