Reveal
Anima la aparición de elementos al hacer scroll.
El componente <Reveal /> utiliza Intersection Observer para animar la entrada de elementos cuando entran en el viewport. Es ideal para crear experiencias fluidas y dinámicas en páginas de aterrizaje y portafolios.
Ejemplos
Reveal Up
Aparece desde abajo hacia arriba.
Reveal Left con Delay
Aparece desde la izquierda con un ligero retraso.
Propiedades (Props)
| Propiedad | Tipo | Por defecto | Descripción |
|---|---|---|---|
direction | 'up' | 'down' | 'left' | 'right' | 'up' | La dirección desde la que entra el elemento. |
delay | number | 0 | Retraso en milisegundos antes de iniciar la animación. |
duration | number | 700 | Duración de la animación en ms. |
distance | string | '2rem' | La distancia de desplazamiento inicial. |