带有纯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动画交换图像。

尽管由于跨浏览器支持，特别是在IE方面，我建议您使用jQuery或JS而不是CSS3动画。