如何制作身体背景图像移动滚动 - 右

Question

我看过一个网站，它的身体背景图像向右滚动，它一直向右滚动。图像一次又一次地向右滚动。

我想在我的网站上找到它，这样每个用户都可以设置自己的选择背景。

只想知道是否有人知道这个伎俩

谢谢：）

Answer 1

您可以使用CSS动画为背景位置设置动画。

body {
    background-image: url("path/to/image.png");
    /*vendor prefix*/animation: 3s slideBg infinite linear;
}
@/*vendor prefix*/keyframes slideBg {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 200px 0; /* 200px = width of background image */
    }
}

在http://jsfiddle.net/Kc6Rk/

的演示（适用于webkit和firefox）

阅读css animations和background-position