.animation-topbar {
width: 100%;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.animation-topbar-text {
display: inline-block;
animation: marquee 15s linear infinite;
cursor: pointer;
letter-spacing: 0.06rem;
}
.animation-topbar-text:hover {
animation-play-state: paused;
}
@keyframes marquee {
from {
transform: translateX(0); /* El texto comienza visible */
}
to {
transform: translateX(-100%); /* Se desplaza fuera del contenedor */
}
}
ENVIOS GRATIS A TODO LIMA POR MONTOS MAYORES A S/100 | ¡POR TIEMPO LIMITADO!