如何创建具有平滑自动播放循环的滑块答案

【问题标题】：How can I create a slider with a smooth autoplay loop如何创建具有平滑自动播放循环的滑块
【发布时间】：2023-03-19 11:10:01
【问题描述】：

我想创建一个像这里一样的滑块“https://www.revolut.com/en-CZ，我正在使用 Javascript

我怎样才能使滑块在连续循环中运行，自动播放，平滑过渡？

谢谢

【问题讨论】：

欢迎来到 StackOverflow。本网站并非旨在为您提供教程或类似内容。如果您想实现您在网站上看到的内容并希望将其应用到您自己的网站中，那么本网站的正确方法就是自己尝试一下。一旦你被卡住了，你可以问一个问题，例如“我试过这个但卡住了，这就是我想要实现的，这就是我尝试过的”，添加你的代码，然后我们可以通过在正确的方向。看看这个以获得进一步的解释：stackoverflow.com/help/how-to-ask

【解决方案1】：

这可以通过 CSS 属性 - “动画”来完成，无需添加 Javascript。这是一些 JSfiddle 示例：

  animation: moveSlideshow 12s linear infinite;

这里还有关于 Css Tricks 中“动画”的更详细的解释

【讨论】：