transform（变形）使用

#00. transform-origin:：更改一个元素变形的原点。

transform-origin: center;
transform-origin: top left; // y，x 轴
transform-origin: 50px 50px; // x，y 轴
transform-origin: bottom right 60px; // y，x，z 轴

#01. rotateX(角度)

1. transform: perspective(160px) rotateX(180deg); // 正角度，后空翻
2. transform: perspective(160px) rotateX(-180deg); // 负角度，前空翻

#02. perspective(距离)：指定了观察者与 z=0 平面的距离，使具有三维位置变换的元素产生透视效果。z>0 的三维元素比正常大，而 z<0 时则比正常小，大小程度由该属性的值决定。

#03. translate(距离)：平移变换。（也能是一个单独的平移属性）