css - 用css无限滑动图片

Question

我想实现一个无限旋转但只使用css的图像 slider 。我希望我可以通过 webkit 实现这一目标。

这是我希望最终结果看起来像的示例:http://www.team-dignitas.net/

看看赞助商，图像向左移动，这是一个无限循环。他们已经完成了 carousel jquery，但我想用 css 来实现。是否可以？有没有人有我可以引用的指南来完成此任务？

我试过的:http://jsfiddle.net/3k4cJ/

html

Answer 1

你需要https://github.com/jsor/jcarousel正是本网站中使用的那个 ( https://www.dropbox.com/s/rgrif1ougt48z87/Screenshot%202014-01-27%2001.41.29.png )。该演示的网站现在已关闭，但您可以从 Github 下载源代码并在您的计算机上试用。

但是，如果你想要纯 css，那么学习 CSS3 动画的基本概念会更好。这篇文章非常适合http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/并使用相同的示例“CSS3 Cycle Image Slider”

选项 2:http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/#

选项 3:http://codepen.io/zuraizm/pen/vGDHl

选项 4:http://benschwarz.github.io/gallery-css/