Css React中旋转木马中图像的平滑过渡

我有一个图像转盘，你可以通过“下一步”和“上一步”按钮滚动浏览。按钮正在设置位置状态。位置状态被传递给样式化组件，并充当子元素的“transform:rotateY”属性数组。可在此处找到包含相关代码的代码段：

---

我的目标是在单击“下一步”和“上一步”按钮时，使旋转木马中的图像平滑过渡。

将过渡添加到旋转木马样式的组件：

transition: all 1s;