CSS3旋转变换

Question

鉴于以下小提琴，我怎样才能使红色矩形在垂直平面上直立？

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

我尝试改变标记的旋转变换，但它似乎围绕同一轴旋转。

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

Answer 1

您需要在其父级上保留三维变换：

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