Franja de logos infinita (marquee CSS)
Pega las direcciones de los logos o escribe frases cortas, una por línea. La franja se duplica en el código para unirse sin cortes.
Cómo usarLogos que pasan sin parar
Disponible en: 
Franja de logos infinita (marquee CSS): para qué sirve
La franja de logos que pasa sin parar se usa para mostrar clientes, socios o marcas con las que trabaja la empresa, sin ocupar mucho espacio.
El generador arma la franja solo con CSS: el contenido se duplica y la animación recorre exactamente una vuelta, para unirse sin cortes. Elige la velocidad, la dirección, el espacio, la altura de los logos, bordes que se desvanecen y logos en gris que recuperan el color al pasar el mouse. La copia queda oculta para el lector de pantalla, la franja se pausa con el mouse y con el foco, y para quien prefiere menos movimiento queda quieta.
Cómo usar
- Pega las direcciones de los logos o escribe los nombres.
- Ajusta la velocidad, la dirección y el espacio.
- Copia el código y pégalo en la página.
Cuándo usar
- Clientes atendidos.
- Marcas que revende la tienda.
- Socios y certificaciones.
Preguntas frecuentes
¿Cómo queda la franja sin cortes?
El contenido aparece dos veces, lado a lado, y la animación mueve la franja exactamente la mitad de su ancho antes de reiniciar. Como la segunda mitad es igual a la primera, el reinicio no se nota.
¿Y la accesibilidad?
La copia duplicada lleva aria-hidden, así que el lector de pantalla lee cada logo una sola vez. La animación se pausa al pasar el mouse o al enfocar, y para quien prefiere menos movimiento la franja queda quieta y se puede desplazar hacia los lados.
¿Puedo usar logos de marcas?
Solo de marcas con las que tengas una relación real (clientes, socios, marcas que revendes) y, de preferencia, con autorización. Mostrar el logo de una empresa que no es cliente sugiere una alianza que no existe.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.