body{
	background: #3399cc;
}

.outer{
  position: relative;
  height: 100px;
	width: 100px;
  overflow:hidden;
}

canvas{
  display: none;
}

.inner{
	width: 600px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  animation: left 4s infinite linear;
}

.inner:nth-child(1){
	animation-delay:0.1s;
  animation-duration:6s;
}

.inner:nth-child(2){
	animation-delay:0.2s;
  animation-duration:7s;
}

.inner:nth-child(6){
	animation-delay:0;
  animation-duration:5s;
}

@keyframes left{
  0%{
  	transform: translate(0,0)
  }
  100%{
  	transform: translate(-300px,0)
  }
}