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

Question

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

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

谢谢

标签： javascriptsliderfrontendslideautoplay

Answer 1

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

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

  animation: moveSlideshow 12s linear infinite;

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

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