transform实例：
https://c.runoob.com/codedemo/3391
看了一下rotate，按照我自己的习惯总结了一下，rotatex是以x轴为旋转轴顺时针旋转，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。
来源：CSDN
作者：newway007
链接：https://blog.csdn.net/newway007/article/details/104009712