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

How can I create a slider with a smooth autoplay loop

我想创建一个像这里一样的滑块" https://www.revolut.com/en-CZ ,我在 Javascript

工作

我怎样才能让滑块在自动播放时连续循环运行并平滑过渡?

谢谢

这可以通过 CSS 属性 - “动画”来完成,不需要添加 Javascript。 这是一些 JSfiddle 示例:

https://jsfiddle.net/7p4j2a3u/1/
代码示例

  animation: moveSlideshow 12s linear infinite;

这里还有来自 Css Tricks

的关于“动画”的更详细解释

https://css-tricks.com/almanac/properties/a/animation/