ウェブキット変換：どのように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を平行移動します。次に、オブジェクトを通常通り回転させます。

あなたがトランスフォームの原点を原点位置を変更するために使用することができます