有很多用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
元素吗?
最佳答案
正如您所建议的,我应该回答而不是发表评论,所以就这样,您可以在此处引用来源 - http://css3.bradshawenterprises.com/cfimg/它使用 CSS3 动画来交换图像。
不过我建议你使用 jQuery 或 JS 而不是 CSS3 动画,因为它支持跨浏览器,尤其是 IE。
关于css - 纯 CSS3 的无限图像 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18863967/