css3-transform属性先后顺序问题

图1 就是原来的坐标轴， 

先旋转再移动，他是先将坐标轴进行了旋转（就像图中红色为原来的坐标轴，但是先旋转了，他他的坐标轴也就根据你所设置的度数对整个坐标轴进行了旋转），之后又在旋转之后形成的新坐标系中进行移动的。

而先移动再旋转， 他移动之后还是按照原来（图1）的坐标系进行旋转，而没有形成新的坐标方位。

简单来说就是如果先旋转，就是带着他的坐标轴一起旋转的，旋转过后再移动就要考虑现在坐标轴的XYZ的方向了，因此两个顺序移动之后是两种不同的效果。