纯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;
}

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

Answer 1

正如您所建议的，我应该回答而不是评论，所以这里可以参考一个源代码- http://css3.bradshawenterprises.com/cfimg/，它使用CSS3动画来交换图像。

虽然我建议您使用jQuery或JS，而不是CSS3动画，因为跨浏览器支持，特别是当涉及到IE。

Answer 2

你要的是纯CSS3？这就是你要找的东西：

CSS3图像滑块