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