Marquee

Loop horizontal seamless, CSS puro.

Loop seamless con fade y pausa al hover

Vista previa

BioBioLa TerceraEmolT13El MostradorCNN Chile

<Marquee speed={35} pauseOnHover fadeEdges>
  {sources.map((s) => (
    <SourceTile key={s.id} {...s} />
  ))}
</Marquee>

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

BioBioLa TerceraEmolT13El MostradorCNN Chile

Editorial · claro

BioBioLa TerceraEmolT13El MostradorCNN Chile

Technical · oscuro

BioBioLa TerceraEmolT13El MostradorCNN Chile

Warm · claro

BioBioLa TerceraEmolT13El MostradorCNN Chile

Playful · claro

BioBioLa TerceraEmolT13El MostradorCNN Chile