2

There are numerous example of sliders made by CSS3, but almost all of them needs click trigger to change the slide. I wonder if it is possible to make a auto-slider, which continuously and indefinitely change the slides.

For example, consider a structure as

<div class="parent">
    <div class="child">
       First DIV
    </div>
    <div class="child">
       Second DIV
    </div>
    <div class="child">
       Third DIV
    </div>
</div>

with CSS

.parent {
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.child {
    width: 100%;
    height: 100%;
    float: left;
}

can we continueously scroll the child elements inside the parent frame?

4

2 回答 2

5

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

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

于 2013-09-18T05:18:56.707 回答
0

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

CSS3 图像滑块

于 2014-03-19T11:44:40.940 回答