Posiadam mniej więcej taki kod jak poniżej (przykładowy), kilka divów, które są kwadratami, w których jest kilka informacji reklamowych. Chciałbym, żeby one się przesuwały bez przerwy w poziomie, ale tak żeby nie było przerwy i jak jeden się kończy z lewej strony to drugi już się pojawia z prawej strony. Widziałem rozwiązania oparte na background-image i animowanie position, ale to są divy z tekstami i te rozwiązania mają się nijak do mojego. Ponadto, nie chciałbym korzystać z bibliotek pokroju jQuery.
Jak można to rozwiązać?
<div class="banery">
<div class="baner">
<p>Tutaj jakiś tekst...</p>
<p>Tutaj coś jest...</p>
</div>
<div class="baner">
<p>Tutaj jakiś tekst...</p>
<p>Tutaj coś jest...</p>
</div>
<div class="baner">
<p>Tutaj jakiś tekst...</p>
<p>Tutaj coś jest...</p>
</div>
</div>