transform

transform实例：

https://c.runoob.com/codedemo/3391

看了一下rotate，按照我自己的习惯总结了一下，rotatex和rotatey是根据右手判断旋转，右手握拳，虚握住转动轴，四指方向是转动方向；

 

transform-origin是确定运动按照以什么为原点或者旋转轴，transform-origin是以左上为0，0，0.

x是右上transform-origin : 100% 0 0，y是左下transform-origin : 0 100% 0

不指定中心，默认元素的中心为中心旋转。

skewX(45deg)，沿x轴，x长度不变，y轴逆时针旋转拉伸45。。。

skewY(45deg)，Y长度不变，X轴顺时针旋转拉伸45。