jh lkghj
.marquee-container {
width: 100%;
overflow: hidden;
position: relative;
background: #f2f2f2; /* Hintergrundfarbe */
border: 1px solid #ccc; /* optional */
padding: 10px 0;
}
.marquee-text {
display: inline-block;
white-space: nowrap;
position: absolute;
will-change: transform;
animation: marquee 15s linear infinite;
font-size: 1.2rem;
color: #333;
}
@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}