Saltar al contenido
Negativo Pro

Barrido negativo

Barras diagonales cruzan el titular a toda velocidad, invierten las letras a su paso y una barra ancha frena en seco con rebote.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
8 (8 ajustables)

Vista previa en vivo

Todo 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.

Usar mi licencia

2. Instala Barrido negativo

npx shadcn@latest add @furin-pro/invert-wipe

Props

PropTipoPor defectoDescripción
childrenstring"Todo al\nrevés"El titular que se invierte (acepta saltos de línea).
sizenumber96Tamaño máximo de la letra, en px (se ajusta al ancho).
anglenumber17Inclinación de las barras, en grados.
speednumber1Velocidad del barrido (0.5 a 2).
intervalnumber3.4Segundos entre un barrido y el siguiente.
colorstring"#f4f3ef"Color de las letras.
backgroundstring"#0b0c0f"Color de fondo.
autoplaybooleantrueBarre solo, sin esperar al cursor.

Sigue explorando

  • Rejilla de bloques bajo el texto que voltean a negativo tras el cursor con rebote y regresan en ola desde donde estás.

    Negativo

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

    Negativo

  • Una franja de luz de fotocopiadora recorre el texto, lo invierte y lo deforma con cortes de línea por la velocidad.

    Negativo