Как сделать вертикальную бесконечную бегущую строку из фото?

Question

[lex0rrd]

Здравствуйте,

Подскажите, пожалуйста, как сделать вертикальную бегущую строку из фото. Получается, что внутри блока есть контейнер с фото (фото разной высоты), который должен бесконечно двигаться сверху вниз без прерывания анимации. К сожалению, в интернете нужного не нашел

<div class="main__right-row">
       <div class="main-cards-container">
          <img class="main-card" src="img/card-1.jpg" alt="photo">
          <img class="main-card" src="img/card-2.jpg" alt="photo">
          <img class="main-card" src="img/card-3.jpg" alt="photo">
          <img class="main-card" src="img/card-4.jpg" alt="photo">
      </div>
</div>

.main-cards-container {
    width: 217px;

    display: flex;
    flex-direction: column;
}

Comments

[FeST1VaL]

По сути любой слайдер вам подойдет... с функциями loop и auto slide через промежуток времени,а чтобы сделать плавно идущую строку, думаю много сил не потребуется

Answer 1

[Виталий Першин]

Comments

[lex0rrd]

Спасибо!