* { 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; } }