Javascript 在insertBefore之后未触发CSS转换

我正在尝试创建一个循环的水平旋转木马

您可以在此处检查代码：

此刻我被困住了。我设法让它工作，但CSS过渡，模仿运动的权利，是不会触发当你点击“下一步”

我已经做了一些研究，有人说这与浏览器优化有关，设置超时或调用

offsetWidth

或

getBoundingRect（）

应该可以做到这一点，因为它会强制浏览器重新渲染。然而，即使有了这些提示，我也无法让它工作

我是做错了什么还是错过了什么？我该怎么办

---

提前感谢~

我通过使用marginleft属性解决了这个问题

我敢打赌，当我预先设置最后一个滑块的项目时，由于新元素的大小和占用的空间，它自然会向右移动。因此，我决定将其移回以屏蔽插入移位。对于附加的项目，我遵循相同的推理

您可以查看问题中的代码笔以了解更多详细信息

---

我希望这对某人有所帮助。

我通过使用margin left属性解决了这个问题

我敢打赌，当我预先设置最后一个滑块的项目时，由于新元素的大小和占用的空间，它自然会向右移动。因此，我决定将其移回以屏蔽插入移位。对于附加的项目，我遵循相同的推理

您可以查看问题中的代码笔以了解更多详细信息

---

我希望这对某人有所帮助。

请检查：@RandyCasburn，就像我在描述中所说的，我无法让它工作。也许我错过了什么。。。你知道它可能是什么吗？你的密码笔在我的Mac上的Safari 12.1中似乎工作得很好。@RandyCasburn我设法修复了它，但没有时间发布正确的答案。已经在处理了；）检查这个：@RandyCasburn，就像我在描述中说的那样，我无法让它工作。也许我错过了什么。。。你知道它可能是什么吗？你的密码笔在我的Mac上的Safari 12.1中似乎工作得很好。@RandyCasburn我设法修复了它，但没有时间发布正确的答案。已经在处理了；）