transform动画执行的顺序是从最外面的属性开始，例如：transform:translateX(100px) rotate(30deg),动画先旋转30度，然后再偏移100像素。
如果调换过来，transform:rotate(30deg) translateX(100px),动画先偏移100像素，然后再旋转30度，这里要注意，先偏移再旋转，旋转时会根据原来位置的中心点旋转
所以在做动画的时候，先做其他变形，再做偏移。
