2013-04-12 2 views
0

Я видел один веб-сайт, у него есть фоновое изображение тела, прокручивающееся вправо, и оно держит прокрутку вправо. изображение продолжает прокрутку снова и снова.Как сделать фоновое изображение для тела Изображение перемещение прокрутки - справа

Я хочу, чтобы это было на моем сайте, чтобы каждый пользователь мог установить свой собственный фон.

Просто хочу знать, если кто-нибудь знает Хитрость

спасибо :)

+0

читать на CSS3 ключевых кадров анимации и переходов. – Rishabh

+0

Спасибо Rishabh, я сейчас буду – deerox

ответ

2

Вы можете анимировать положение фона с помощью 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

+0

Спасибо, это то, что я ищу :) – deerox