css-3d旋转（三维立体效果）

将平面形状 进行 3d 旋转，营造 三维立体空间视觉效果

例如：四边形 进行 3d 旋转- - -

四边形宽高- - -
width:200px;
height:100px;

原图：

进行3d旋转- - -
transform:rotateX(-60deg) rotateY(0deg) rotateZ(-22deg);
后：

其他 三维效果 可以调节 X, Y, Z 轴旋转角度，查看具体效果得到想要的形状

ps:一般写了transform ，还会再写个 -webkit-transform（和transform 后面参数一致）

更多知识、用法可以百度查阅文档~