背景をエンドレスに動かす

デモ：http://mo49.tokyo/qiita/20160324/moveBg.html

dom用意

html

<div class="bg_move"></div>

画像サイズと同じだけbackground-positionを動かす

css

.bg_move{
    background-image: url('bg.jpg');
    height: 500px;
    animation: moveBg 5s infinite linear;
}
@keyframes moveBg{
    0%    { background-position: 0 0; }
    100%  { background-position: -256px 256px; }
}