Задать вопрос
@lekseykorolev

Как сделать горизонтальное движение картинок?

Пытаюсь сделать движение картинок как на foundation.app, но не выходит. Есть набор скажем из 30 картинок, которые должны зациклено двигаться по горизонтали. Читал про animation-play-state: running; , но применить не вышло

<div class="d-flex">
   
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">
<img src="https://vsegda-pomnim.com/uploads/posts/2022-04/1649119863_12-vsegda-pomnim-com-p-zastavka-priroda-foto-18.jpg" width="80" height="80" class="rounded-circle" style="animation-play-state: running;">



</div>

632a34634aaf9054340165.png

Подскажите как быть?
  • Вопрос задан
  • 166 просмотров
Подписаться 1 Простой 2 комментария
Решения вопроса 1
nazares
@nazares
Software Engineer
Ну там надо подбирать чтоб бесшовно было
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы