@DaniilKhanin

Как можно реализовать бесконечно прокручиваемый background на css?

Ссылка на Jsfiddle
Реализовал прокрутку bg, изображение bg сделано так чтобы можно было повторять по x, но не знаю как сделать чтобы не было прирывисто как у меня...
Думал поможет fill-mode, тоесть когда анимация дойдет до left -100% он сохранит значение и уже начнет новую (так как стоит infinite) с позиции -100% но увы...
#bg {
    width: 10500px;
    height: 100%;
    background: url('../img/bg/test.png') repeat-x;
    position: absolute;
    top: 0;
    background-size: 100% 100%;
    -webkit-animation: changewidth linear 5s infinite;
    animation: changewidth linear 5s infinite;
    animation-fill-mode: forwards;
}

@keyframes changewidth {
    from { left: 0}
    to { left: -100%}
}
  • Вопрос задан
  • 64 просмотра
Пригласить эксперта
Ответы на вопрос 2
AskMy
@AskMy
иногда решаю задачки и задаю глупые вопросы
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
22 июля 2018, в 20:41
10000 руб./за проект
22 июля 2018, в 20:13
2000 руб./за проект