CSS3轮播图的效果

Question

问一下我的轮播图为啥每次都会回滚，是不是最后一帧设置的有问题？是不是应该覆盖第一张图？`Document*{padding:0;margin:0;}div{width:520px;overflow:hidden;margin:100pxauto;}ul{width:3300px;height:280px;animation:move20slinear0sinfinitenormal;}ulli{list-style:none;width:520px;height:100%;float:left;}@keyframesmove{0%{margin-left:0;}9%{margin-left:-520px;}18%{margin-left:-520px;}27%{margin-left:-1040px;}36%{margin-left:-1040px;}45%{margin-left:-1560px;}54%{margin-left:-1560px;}63%{margin-left:-2080px;}72%{margin-left:-2080px;}81%{margin-left:-2600px;}90%{margin-left:-2600px;}100%{margin-left:0;}}`

Answer 1

你最后一帧margin-left:0;，所以图片一轮滚动完后，图片就会回滚；如果你用css3做，那就从右往左，用0%-50%，然后设置成左往右，用50%-100%；这样的话就不会出现6张图一起回滚的结果；
                            

Answer 2

左--右0%{margin-left:0};100%{margin-left:-2600px;}左-右-左0%{margin-left:0};50%{margin-left:-2600px;}100%{margin-left:0;}
建议：如何实现CSS无缝轮播图？