css - 纯 CSS3 的无限图像 slider

Question

有很多用CSS3制作的 slider 的例子，但几乎所有的都需要点击触发来改变幻灯片。我想知道是否可以制作一个自动 slider ，它可以连续且无限地改变幻灯片。

例如，将结构视为

<div class="parent">
    <div class="child">
       First DIV
    </div>
    <div class="child">
       Second DIV
    </div>
    <div class="child">
       Third DIV
    </div>
</div>

使用CSS

.parent {
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.child {
    width: 100%;
    height: 100%;
    float: left;
}

我们可以在parent框架内连续滚动child元素吗？

Answer 1

正如您所建议的，我应该回答而不是发表评论，所以就这样，您可以在此处引用来源 - http://css3.bradshawenterprises.com/cfimg/它使用 CSS3 动画来交换图像。

不过我建议你使用 jQuery 或 JS 而不是 CSS3 动画，因为它支持跨浏览器，尤其是 IE。