上方代码中，我们将 transform 的两个小属性合并起来写了。
案例2：扑克牌
rotate 旋转时，默认是以盒子的正中心为坐标原点的。如果想改变旋转的坐标原点，可以用transform-origin属性。格式如下：
transform-origin: 水平坐标 垂直坐标; transform-origin: 50px 50px; transform-origin: center bottom; //旋转时，以盒子底部的中心为坐标原点
我们来看一下 rotate 结合 transform-origin 的用法举例。
代码如下：
效果如下：
4、倾斜
3D 转换
1、旋转：rotateX、rotateY、rotateZ
3D坐标系（左手坐标系）
