Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
.wrap {
	overflow:hidden;
	width:500px;
	height:100px;
	border:1px solid #000;
	margin:50px auto;
}
.list {
	position:relative;
	top:0px;
	left:0px;
	width:200%;
	height:100%;
	border:1px solid #f00;
	list-style:none;
	animation:mymove 5s infinite linear;
}
.list li {
	width:98px;
	height:98px;
	border:1px solid white;
	background:blue;
	float:left;
	vertical-align:middle;
	text-align:center;
	line-height:98px;
	color:white;
	font-weight:600;
}
@-webkit-keyframes mymove {
	from {
	left:0px;
}
to {
	left:-500px;
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css3无缝滚动

0