transform 属性的先后问题
transform 多属性导致的样式变化
2d/3d动画效果中，transform承担着很重要的作用，其相关的属性：
translate translateX translateY(translateZ) 位移
rotate rotateX rotateY (rotateZ) 旋转
scale scaleX scaleY (scaleZ)skew 放缩
skew skewX skewY 倾斜
transform属性在简写的时候，需要注意前后顺序：
2d/3d变换过程中，坐标轴是及其重要的参考对象，由于在变换过程中，
会导致坐标轴变化，如上图，因为旋转，会导致坐标轴变化，当进行
水平垂直纵向变化的时候，参考基准也是变化的。
在动画变化效果中，需要优先考虑坐标轴变化，分析出前后旋转放缩变化，
再考虑位移倾斜。