css3 transform 动画执行顺序

　　transform动画执行的顺序是从最外面的属性开始，例如：transform:translateX(100px) rotate(30deg),动画先旋转30度，然后再偏移100像素。

　　如果调换过来，transform:rotate(30deg) translateX(100px),动画先偏移100像素，然后再旋转30度，这里要注意，先偏移再旋转，旋转时会根据原来位置的中心点旋转

 

　 

 

 

　　所以在做动画的时候，先做其他变形，再做偏移。

 

转载于:https://www.cnblogs.com/Zhongxk/p/8693625.html