我试图放置一些元素，就好像它们被包裹在一个圆圈周围，我得到了一些意想不到的行为，应用translateZ到我的元素与帧运动。
如果我使用模板文字应用样式，而不是使用成帧器运动的转换简写，我会得到预期的效果，如下所示：

transform: `
  rotateY(${
    i * (360 / images.length) <= 180 ? 
    i * (360 / images.length) : 
    ((i - (images.length)) * (360 / images.length))
  }deg) 
  translateZ(300px)
`

但是如果我将它们与成帧器运动速记一起应用，我会得到不同的结果，像这样：

rotateY: 
  i * (360 / images.length) <= 180 ?
  i * (360 / images.length) : 
  ((i - (images.length)) * (360 / images.length)),
translateZ: '300px',

此外，如果我使用成帧器运动的简写应用rotateY，它也会添加translateZ（0px）。如果您尝试设置自己的translateZ，它将像这样内联渲染两种样式：

translateZ(300px) rotateY(-45deg) translateZ(0px);

Codesandbox here。您可以尝试在转换样式的2个块中的1个块中进行注解，以查看不同的结果。