带有纯 CSS3 的无限图像滑块答案

【问题标题】：Infinite Image slider with pure CSS3带有纯 CSS3 的无限图像滑块
【发布时间】：2016-02-29 14:06:30
【问题描述】：

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 元素吗？

【问题讨论】：

你会在这里得到你想要的css3.bradshawenterprises.com/cfimg
@Mr.Alien 太棒了！正是我想要的。如果你把它变成一个答案，我可以接受。这也可以引导其他人。

标签： css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

CSS3 image slider

【讨论】：