Css实现背景连续动画

style:

.wave {position: absolute;width:200px;height: 38px;top: 0;left: 0;background: url(../images/5.png) repeat-x scroll 0 center;background-size: contain;opacity: 1;}
.wave{
  animation:snow1 8s linear 0s infinite;
  -webkit-animation: snow1 8s linear 0s infinite;
}
@keyframes snow1{
  from{background-position: 0 center;}
  to{background-position: 200px center;} 
}

html:

<div class="wave"></div>