如何從子元素中移除父元素的旋轉？

Question

我有一個旋轉子元素的父元素。當我點擊一個按鈕時，如果沒有旋轉應用到父級，但父級應保持旋轉，我希望子元素動畫到它所在的位置。

如果你只是180deg減去母公司就可以只用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); 
} 

我不知道爲什麼負面不工作，但這似乎是唯一的解決方案。