translateZ的css变换求解

我正在使用这个示例（代码也发布在下面），当我更改容器和图像的高度和宽度时，我很难理解translateZ

我看到一些帖子解释了translateZ背后的计算，但是有人能帮我从链接到的示例和高度为1300px、宽度为2000px的中展示一下吗

任何帮助都可能使我免于数小时的挫折。希望有人能帮我

var元素=$（'.face'）；
var旋转=[0,72,144,216,288]；
功能旋转（度）{
元素。每个（函数（索引）{
旋转[索引]=旋转[索引]+度；
$（this.css（'transform'、'perspective（1000px）rotateY（'+rotates[index]+'deg）translateZ（95px）'）；
});
}

旋转木马{ 显示：块； 利润率：100px自动20px自动； } #纺纱机{ 位置：相对位置； 保证金：0自动； 高度：1300px； 宽度：2000px； } #旋转木马面{ 位置：绝对位置； 高度：1300px； 宽度：2000px； 变换原点：50%50%-250px； 过渡：所有1.0都易于输入输出； } #旋转木马{ 宽度：2000px； 盒影：0 1px#000； } #微调器{ 变换：透视（1000px）旋转（0deg）平移（95px）； } #旋转器f1{ 变换：透视（1000像素）旋转（72度）平移（95像素）； } #旋转器f2{ 变换：透视（1000像素）旋转（144度）平移（95像素）； } #旋转器{ 变换：透视（1000px）旋转（216度）平移（95px）； } #旋转器{ 变换：透视（1000px）旋转（288deg）平移（95px）； }

对不起，我不明白您的问题是什么。你能澄清一下你的意图吗？谢谢你的提问，这是ie10或ie11的问题。我刷新了上面的代码，将容器的尺寸更改为我需要的尺寸。如果你看它，你会发现它没有向右旋转，因为translateZ/透视没有设置正确。我正在想办法解决这两个属性。对不起，我不明白你的问题是什么。你能澄清一下你的意图吗？谢谢你的提问，这是ie10或ie11的问题。我刷新了上面的代码，将容器的尺寸更改为我需要的尺寸。如果你看它，你会发现它没有向右旋转，因为translateZ/透视没有设置正确。我试图找出如何解决这两个性质。