Quiero hacer un desplazamiento div horizontal infinito que agregue el div visible anterior al div visible actual cuando un usuario se desplaza de izquierda a derecha del contenedor. Solo puede haber 1 div completamente visible, mientras que otros serán visibles cuando el usuario se desplace.

 .slides{ overflow-x :auto ; display:flex ; } .slide{ position: relative; margin: 10px 5px; }

Margen

 <div class="slides"> <div class="slide"> <!-Image with text-> </div> <div class="slide"> <!-Image with text-> </div> <div class="slide"> <!-Image with text-> </div> <!-More horizontal slides-> </div>