Mam coś takiego
<div style="margin-left:2px;width:calc(100%-2px);overflow:hidden;white-space:nowrap;" id="movingTextContainer">
<div id="movingText" style="color:white;font:24px italic arial,serif;width:100%;overflow:hidden;white-space: nowrap;margin-top:0.2%;">
Według Netanjahu spełnienie żądań palestyńskiej grupy terrorystycznej stanowiłoby zagrożenie dla Izraela, kt�rego władze są jednak gotowe przerwać walki w celu uwolnienia przez Hamas zakładnik�w.xdxxxxxxxxxccccccccccc
sssssssssssssssssssssdddddddeeeeeeeeeee
vxcxvxvxv
</div>
A css to
#movingTextContainer {
width: 100%;
height: 50px; /* Wysokość kontenera tekstu */
overflow: hidden; /* Ukryj tekst, który wychodzi poza obszar kontenera */
position: relative; /* Względne pozycjonowanie dla ruchomego tekstu */
}
#movingText {
white-space: nowrap; /* Zapobiega zawijaniu tekstu */
position: absolute; /* Absolutne pozycjonowanie wewnątrz kontenera */
top: 0;
left: 100%; /* Rozpocznij od prawej krawędzi */
animation: moveText 10s linear infinite; /* Animacja ruchu */
}
@keyframes moveText {
from {
left: 100%; /* Tekst rozpocznie się poza prawą krawędzią */
}
to {
left: -100%; /* Tekst przesunie się poza lewą krawędź */
}
}