Javascript 从左向右滑动列表项时仅显示一个li项

我正在尝试制作一个文本滑块，并且我希望每个幻灯片只显示一个li项目。li项中的数据由JS从DB获取并插入DOM。现在的问题是，所有的li项都在滑动时显示，当前元素显示在顶部。如何使用css确保每张幻灯片只显示一个li项目

我试图让li项显示：inline和float，但没有帮助

#slider ul li{display: inline}

---

这是我测试的地方。请帮助我理解我是如何做到这一点的，或者我在这里做错了什么。

如果你说的是主体中旋转的文本，你可以用

#slider li:not(:first-child) {
    display: none;
}