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

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 */
    }
}

演示(用于 webkit 和 firefox)在 http://jsfiddle.net/Kc6Rk/

继续阅读 css animations和 background-position