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; 
    }