css3实现3D旋转木马（图片旋转后为什么设置相同的translateZ值）

讲解了如何实现3D木马旋转效果的全过程]链接如下(https://www.cnblogs.com/cquptzy/p/7610207.html)。
个人也总结一下关于多个图片旋转后为什么设置相同的translateZ值，首先要明白（1）transform:translateZ(300px)  rotateY(60deg);与(2)transform:rotateY(60deg) translateZ(300px) ;实现效果是不一样的。所以在图片的translate坐标中，当图片rotate的时候，坐标也跟着rotate,所以可以将img的tranlateZ都置为相同的值这样的话所有图片都离原点的Z方向是相同的。