css3-3D

• 3D需要首先给父元素开启3D空间transform-style: preserve-3d;
• 想要效果突出，需要设置景深perspective: 400px;景深值需要根据控件大小调整
• 透视点perspective-origin,调整观察位置

• 旋转

            transform: rotateX(30deg);
            transform: rotateY(30deg);
            transform: rotate3d(0,0,0,30deg);
            transform: rotate3d(1,0,0,30deg);
            transform: rotate3d(0,1,0,30deg);

• 位移

            /* 不能写百分比 */
            transform: translateZ();
            transform: translate3d(x,y,z);

• 缩放

• 调整的是景深

transform: scaleZ(2);