css - 如何使身体背景图像移动滚动 - 右

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 动画和背景位置