어떻게 부모 요소의 회전을 자식 요소에서 제거합니까?

Question

하위 요소를 회전시키는 부모 요소가 있습니다. 버튼을 클릭하면 부모 요소에 적용된 회전이 없지만 부모 요소가 회전 된 상태로 유지되어야하는 위치에 자식 요소를 위치 시키려고합니다.

당신은 180도에서 그것은 단지 rotateZ 아이를 회전

.parent { -webkit-transform:rotateX(45deg); } 
.child { -webkit-transform:rotateX(-45deg); } 

fiddle

Answer 1

작동 아동에 대한 부모의 회전을 빼기 마이너스 부모의 회전은 나를 위해 일한 경우 : http://jsfiddle.net/e9raN/

#parent { 
    -webkit-transform: rotateX(30deg) rotateY(30deg); 
} 

#child { 
    -webkit-transform: rotateX(150deg) rotateY(150deg); 
} 

나는 부정적인 것이 작동하지 않는 이유를 모르지만 이것은 유일한 해결책 인 것처럼 보인다.