웹킷 변환 : 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 개체를 변환하여 오른쪽 위 모서리가 원점에 오도록합니다. 그런 다음 개체를 평소와 같이 회전합니다.