CSS Анимации картинок
У меня есть такой код:
#photo {
bottom: 15%;
position: absolute;
-webkit-animation: linear infinite;
-webkit-animation-name: run;
-webkit-animation-duration: 5s;
}
@-webkit-keyframes run {
0% {
left: calc(100% - 100px);
}
100% {
left: 0;
}
}
<div id="photo">
<img src="https://i.imgur.com/j0kovum.jpg" width=100px height=100px>
</div>
Данный css код двигает картинку справа налево. Моя необходимость в том чтобы добавить несколько картинок, и они крутились как бы сказать "по кругу" в одну линию, это значит чтобы когда они спавнились за экраном справа они шли до левой части экрана и уходили за него а потом опять появлялись справа, и это бы создавало "гладкую" прокрутку. У меня не получилось этого сделать, всё просто ломалось.
Источник: Stack Overflow на русском