无缝轮播图

    <div class="wrap">
<div class="box">
<img src="images/1.jpg" /><img src="images/2.jpg" /><img src="images/3.jpg" /><img src="images/4.jpg" /><img src="images/1.jpg" />
</div>
</div>

.wrap{
    margin-top:100px;
    margin-left:80px;
    width:900px;
    height:400px;
    overflow:hidden;
    }
.box{
    width:calc(910px*5);
    animation:swiper 10s linear infinite;
    }
.img{
    margin:0 auto;
    float:left;
    width:900x;
    height:400px;
    
    }
    @keyframes swiper{
    0%{
        transform:translateX(0);
        }    
    10%{
        transform:translateX(-900px);
        }
    25%{