transform 在2D里主要是4个方法
除了rotate 其他都是接受x y值
- translate
- skew
- rotate
- scale
matrix方法是深度学习
##Translate
是x，y左边的变化 位置变动
transform: translate(100px, 50px); 相对于默认位置的 x y 位置变化
可能会减少 absolute的使用，而且比absolute性能好
##Skew
skewX(10deg) skewY(80deg);
x,y有分别的方法。 x 变化就是左右的倾斜 x 变化是 上下的倾斜
##rotate
就是旋转，容器整体的旋转，和skew不同，形状是没变化的，是指旋转角度
哈哈
经常用于 倒下显示的字
##Scale
就是缩放
这种缩放的位置类似absolute，
这种缩放的位置类似absolute，所以我上面不多占写空间，这行字是被盖在蓝色后面的
和其他容器组合时，位置是按没缩放前排列的，缩放本身不会影响排列。所以和直接修改width 和height是完全不同的
##Transform Origin
上面那些效果都是 以容器的中心，对角线交点为中心进行的 倾斜 旋转 放大
也就是 transform-origin: 50% 50%
例子直观，transform-origin 就是围绕这个位置开始变化