全画面背景をCSSでアニメーションする

body.top {
  color: rgba(#fff, .78);
  height: 100%;
  position: relative;
  background: #000 url('../img/dot.png') repeat-x center center;
  background-size: auto 80%;
  animation: bg-slider 230s linear infinite;
}
@keyframes bg-slider {
  from { background-position: 80% 50%; } //Xの開始位置 Yの開始位置 
  to { background-position: -2500px 0; } 
}

参考：[CSS]背景画像をアニメーションすることで簡単に作れる無限ループスライドショー