Jquery CSS变换-旋转不符合要求

我正在使用：

transform: rotateY( 45deg );

和（右侧）

---

。。但是结果并不像预期的那样，元素看起来仍然像一个矩形。请检查此小提琴：

您需要添加透视图：

.left, .right {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    perspective: 400px;
}

---

玩它直到你找到正确的号码。更大的角度会使角度看起来更小，因为视野更深。

使用：不。将类名添加到元素之一，代码应如下所示：

    <style type="text/css">
       div:not(.special):hover{
         transform: perspective(400px) rotateY(45deg);
       }
    </style>

    <div></div>
    <div></div>
    <div class="special"></div>

div:not（.special）：悬停{
变换：透视（400px）旋转（45度）；
}

    <style type="text/css">
       div:not(.special):hover{
         transform: perspective(400px) rotateY(45deg);
       }
    </style>

    <div></div>
    <div></div>
    <div class="special"></div>