Html 在容器内自动滑动div

我有一个容器，其中可能包含多个div，我希望对其设置动画，以便自动滑动，如本例所示：

正如您在图片中看到的，div从右向左滑动，这样一个将取代另一个，但您可以在容器的末端看到它们

为了重现这个示例，我创建了一个简单的示例：

html:

<div id="parent">
    <div>Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>

</div>

下面是我在上面提供的代码的codepen项目：

如果您的帮助对DIV有影响，我们将不胜感激。

您为什么不使用例如？这是我的代码笔，适合你的例子

[Codepen](https://codepen.io/mreux/pen/GRopLYK)

---

谢谢，这正是我想要的。

[Codepen](https://codepen.io/mreux/pen/GRopLYK)