CSS3旋转变换

Question

鉴于以下小提琴，我该如何让红色矩形在竖直平面上直立？

http://jsfiddle.net/paulsidebottom/vEWEL/

我试着改变旋转变换的标志，但它似乎围绕同一轴线上。

#marker 
    { 
     -webkit-transform:rotateY(-50deg); 

Answer 1

您需要保留其父的3D转换：

.threeD 
    { 
     -webkit-transform-style: preserve-3d; 
     -webkit-transform: rotateX(55deg); 
     -webkit-transition: all .5s ease-in-out; 
     position:relative; 
    }