Как реализовать такую анимацию фона на сайте?

Question

[orange_blue]

Интересует как реализовать или готовые библиотеки для такой анимации:

Много картинок (Повторяясь) непрерывно двигаются потоком вверх или вниз. (Нужно для фона шапки сайта)

Например, как на картинке выстроены фотографии, изображение повторяясь двигается вверх, анимация непрерывна

.

Answer 1

[Fairlancer]

Попробуйте так:

<marquee behavior="scroll" direction="down" bgcolor="#">
    <img src="https://habrastorage.org/files/424/8f3/201/4248f32017604e4daecb7bb95a343bb1.jpg" alt="4248f32017604e4daecb7bb95a343bb1.jpg">
  </marquee>

Для того чтобы изображения двигались снизу вверх, замените direction="down" на direction="up".

Результат: Plunker

Comments

[orange_blue]

Нужно чтобы изображение повторялось постоянно и чтобы когда анимация начинается изображение уже на экране было...

[Fairlancer]

orange_blue: Добавьте несколько одинаковых изображений подряд, и всё будет так как нужно.