webkit转换：如何在Z轴上滚动，但不在中心？

Question

任何想法如何让webkit转换旋转围绕不同于元素中心的点（例如，在右上角附近）旋转？

Answer 1

您可以使用变换原点改变原点的位置：

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