有没有办法使用CSS过渡将元素移动到正确的位置，以便动画看起来很好？

Question

我正在尝试使用“transition-duration”制作旋转木马，用于幻灯片更改效果，其中包含以下一组幻灯片：

|  slide 1 |  slide 2 |  slide 3 |  slide 4  |  slide 5  |

                 <----           ---->      ( <-- left and right arrow buttons )

按向左箭头将幻灯片1“绕”移动到末尾，所以它看起来像这样：

|  slide 2 |  slide 3 |  slide 4 |  slide 5  |  slide 1  |

我在想一个直观的动画方法是：

1. 将幻灯片1 设置为左侧，关闭屏幕
2. （以某种方式将幻灯片放置在幻灯片5右侧的屏幕1上）
3. 然后从右侧>为幻灯片1 设置动画，使其位于幻灯片5旁边

但是，我不确定如何在没有javascript的情况下执行第2步：是否存在CSS转换方式？也许是使用关键帧或其他东西的CSS动画方式？谢谢！