ParallaxFloating
Imágenes flotantes con parallax al mover el ratón.
- Código: RODD·AN·053
- Familia: Animaciones
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/parallax-floating.json"
Cuándo usarlo
Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| children | ReactNode | |
| className | string | |
| sensitivity | number | 1 |
| easingFactor | number | 0.05 |
Otros efectos de animaciones
- ScrollExpand — Un marco de imagen que crece a pantalla completa con el scroll.
- StarBorder — Borde con destellos que orbitan alrededor del contenido.
- AnimatedContent — Envoltorio que anima cualquier contenido al entrar en pantalla.
- Confetti — Lanza confeti para celebrar una acción.
- DitherVeil — Foto impresa en dither de 1 bit que el cursor “quema” hasta el color.
- Float — Envoltorio que hace flotar suavemente su contenido.