Горизонтальное движение фона

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 218 Просмотров
*

fil

  • Осваиваюсь на форуме
  • ***
  • 45
  • 0
Доброго времени суток форумчане!

Подскажите пожалуйста, как сделать двигающийся фон как тут? http://joomla.templaza.net/niory/landing-page/

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
Re: Горизонтальное движение фона
« Ответ #1 : 29.03.2017, 09:20:45 »
здра.
там чистый CSS, так что берете себе исходный фон и CSS и играетесь.

Код
/*----------Slider parallax-------------*/

.tz-ladding-page{
    width: 100%;
    height: 100%;
    background-image: url("demos/landing-page.jpg");
    background-position: 0 0;
    animation: 62s linear 0s normal none infinite tzparallaxSlider ;
    -webkit-animation: 62s linear 0s normal none infinite tzparallaxSlider ;
    background-repeat: repeat-x !important;
    background-color: transparent;
    background-size: cover;
    position: fixed;
    display: table;
}


.tzslider-parallax{
    animation: 62s linear 0s normal none infinite tzparallaxSlider ;
    -webkit-animation: 62s linear 0s normal none infinite tzparallaxSlider ;
    background-repeat: repeat-x !important;
}
@keyframes tzparallaxSlider {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1920px 0;
    }
}
@-webkit-keyframes tzparallaxSlider {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1920px 0;
    }
}

*

fil

  • Осваиваюсь на форуме
  • ***
  • 45
  • 0
Re: Горизонтальное движение фона
« Ответ #2 : 29.03.2017, 10:48:23 »
Блин ... спасибо огромное. всю голову себе сломал ))