CSS3旋转变换

给定以下小提琴，如何使红色矩形竖立在垂直平面上

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

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

---

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

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

---

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

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

---

谢谢-我也不得不删除-webkit转换样式：preserve-3d；来自container元素（我已经更新了Fiddle）。谢谢-我还必须删除-webkit转换样式：preserve-3d；从容器元素（我已经更新了Fiddle）。