如何使身體背景圖像移動滾動 - 右

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