Contorno que se llena
GratisTexto en contorno que se llena de líquido con una ola que nace donde entra el cursor, y se vacía al salir.
Texto
Un brillo satinado recorre el texto como luz sobre aluminio.
1. Instala el paquete
npm i furin2. Impórtalo
import { ShimmerSweep } from "furin";También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Aluminio satinado" | Texto que recorre el brillo. |
| tone | "aluminum" | "titanium" | "gold" | "aluminum" | Metal de las letras. |
| size | number | 56 | Tamaño de la letra, en px. |
| speed | number | 1.6 | Segundos que tarda el brillo en cruzar el texto. |
| pause | number | 2.2 | Segundos de descanso entre barridos. |
| angle | number | 100 | Inclinación de la franja de luz, en grados. |
| intensity | number | 1 | Fuerza del brillo. |
| depth | number | 1 | Relieve del bisel de las letras. |
Texto en contorno que se llena de líquido con una ola que nace donde entra el cursor, y se vacía al salir.
Texto
El texto se arma desde una nube de partículas con resortes; el cursor las dispersa y vuelven solas a su sitio.
Texto