Blur Fade
Aparece elementos difuminados que se enfocan suavemente.
El componente <BlurFade /> revela contenido reduciendo su opacidad y desenfoque (blur) al entrar en pantalla. Aporta un efecto cinemático excelente para galerías e imágenes destacadas.
Ejemplos
Contenido Difuminado
Aparece después
Propiedades (Props)
| Propiedad | Tipo | Por defecto | Descripción |
|---|---|---|---|
delay | number | 0 | Retraso en milisegundos. |
duration | number | 700 | Duración de la animación en ms. |
blurSize | string | '8px' | Cantidad de desenfoque inicial. |