Cintas cruzadas

Dos cintas de texto se cruzan en X en sentidos opuestos con latigazos de velocidad; donde se enciman, se invierten.

Vista previa en vivo

Al derecho. Al revés.

Instalación

1. Configura el registro Pro una sola vez

Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.

2. Instala Cintas cruzadas

npx shadcn@latest add @furin-pro/difference-marquee

Prop	Tipo	Por defecto	Descripción
children	string	"Al derecho"	Texto de la primera cinta.
reverse	string	"Al revés"	Texto de la segunda cinta, la que invierte donde cruza.
size	number	64	Tamaño máximo de la letra, en px (se ajusta al ancho).
angle	number	15	Inclinación de cada cinta, en grados.
speed	number	1	Velocidad de las cintas (0.3 a 3).
whip	number	1	Fuerza de los latigazos de velocidad (0 a 2).
color	string	"#f4f3ef"	Color de las cintas.
background	string	"#0b0c0f"	Color de fondo.
autoplay	boolean	true	Las cintas se mueven y dan latigazos solas.

Escáner
Pro
Una franja de luz de fotocopiadora recorre el texto, lo invierte y lo deforma con cortes de línea por la velocidad.
Negativo
Estela negativa
Pro
Cadena de círculos que invierten lo que tocan y se encogen detrás del cursor; donde se enciman, el texto vuelve a la normalidad y dibuja ondas de op-art.
Negativo
Flash de cámara
Pro
Visor que se cierra sobre el titular y destello fotográfico de dos cuadros en negativo con grano; haz clic para disparar.
Negativo