本文介绍了一种使用CSS动画实现图片滚动效果的方法。通过定义关键帧动画，让包含多张图片的元素在固定时间内完成从第一张到最后一张图片的平滑过渡。这种技术常用于网站轮播图或背景切换。
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
.one {
position: absolute;
width: 500px;
height: 400px;
overflow: hidden;
}
.one_cantent img {
width: 500px;
height: 300px;
float: left;
}
.one_cantent {
width: 2500px;
height: 400px;
position: absolute;
left: 0px;
animation-name: move;
animation-duration: 10s;
}
@keyframes move {
0% {
left: 0px;
}
25% {
left: -500px;
}
50% {
left: -1000px;
}
75% {
left: -1500px;
}
100% {
left: -2000px
}
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
