在正方形空间上，当我通过索引访问画廊时，图像只能被视为“堆叠”，并且我希望能够在幻灯片中查看它们，但是没有选择接受做自定义CSS的选择，这是我以前从未做过的。我应该从哪里开始？
那小提琴怎么样
#container{
background:green;
width:300px;
height:300px;
overflow:hidden;
}
.img{
-webkit-animation:up 20s infinite;
}
.img{
height:300px;
}
@-webkit-keyframes up{
0%{transform:translate(0,0)}
20%{transform:translate(0,-300px)}
40%{transform:translate(0,-600px)}
60%{transform:translate(0,-900px)}
80%{transform:translate(0,-1200px)}
100%{transform:translate(0,-1500px)}
}<div id="container">
<div class="img ">
<img src="http://placekitten.com/300/301">
</div>
<div class="img ">
<img src="http://placekitten.com/300/302">
</div>
<div class="img ">
<img src="http://placekitten.com/300/303">
</div>
<div class="img ">
<img src="http://placekitten.com/300/304">
</div>
<div class="img ">
<img src="http://placekitten.com/300/305">
</div>
<div class="img ">
<img src="http://placekitten.com/300/306">
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句