轮播图出现的问题

为什么我的轮播图一播到第五张图片就没有了?后面全是空白,播放时间一到就又会重新开始,图片格式为640*400希望各位大佬可以帮我找找问题所在。轮播图出现的问题
文章图片

代码如下
}
/* 暂停动画 */
div>ul:hover{
animation-play-state: paused;
}
【轮播图出现的问题】div > ul > li {
width: 640px;
float: left;
}
div img {
width: 100%;
}
/创建动画/
@keyframes imgMove {
from {
transform: translateX(0px);
}
to {
transform: translateX(-4480px);
}
}

    推荐阅读