Marquee
Carrusel infinito de desplazamiento horizontal.
El componente <Marquee /> crea una animación de desplazamiento continuo sin requerir JavaScript, ideal para banners de anuncios, carruseles de logotipos de clientes o tecnologías.
Ejemplos
Desplazamiento Normal
React
Astro
TailwindCSS
TypeScript
Node.js
Dirección Inversa y Pausa al Hover
🔥 Novedades v2.0 / ⚡ Componentes Rápidos / ✨ Animaciones Fluidas /
Propiedades (Props)
| Propiedad | Tipo | Por defecto | Descripción |
|---|---|---|---|
direction | 'left' | 'right' | 'left' | Hacia dónde se mueve el carrusel. |
speed | 'slow' | 'normal' | 'fast' | number | 'normal' | Velocidad (o tiempo en segundos de duración). |
pauseOnHover | boolean | false | Si es true, pausa la animación al pasar el cursor. |
gap | string | '1rem' | Espaciado entre elementos hijos. |