.marquee { display: flex; align-items: center; justify-content: flex-start; width: 150%; height: 200px; position: relative; background-color: #FFFFFF; overflow: hidden; animation: marquee 90s linear infinite, bounceSide 80s infinite; /* Inicia la animación automáticamente */ } .marquee span { display: inline-block; font-size: 250px; /* Ajustar tamaño de fuente si es necesario */ } @keyframes marquee { 0% { transform: translateX(100%); } 50% { transform: translateX(-800%); } 100% { transform: translateX(100); } } @keyframes bounceSide { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(800px); } 60% { transform: translateX(800px); } }

CONDOMINIOS