【css】背景画像を右から左に動かす方法（ループ）

.bg {
  width: 100%;
  height:256px;
  background: url("../img/bg_slides.png") repeat-x;
  background-position: 0 0;
  background-size: 2524px 256px;　/*必要に応じて調整*/
  animation: bgloop 60s linear infinite;　/*数字を大きくすると動きが遅くなる*/
}
@keyframes bgloop {
  from {
    background-position: 0 0;
  }
  to {
      background-position: -100vw 0;  /*右から左に動く　左からにしたい場合は、100vw 0にする*/
  }
}