具有纯CSS3的无限图像滑块

Question

有很多

CSS3制作的滑块的例子，但几乎所有的滑块都需要点击触发器来更改幻灯片。我想知道是否有可能制作一个自动滑块，它连续和无限期地更改幻灯片。

例如，将结构视为

<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方面。

Answer 2

你要求纯 CSS3？那么这就是您要查找的内容：

CSS3 图像滑块