Blur Fade
Visual Effects
Blur + fade entrance animation wrapper that blurs children in from a configurable direction.
Loading preview...
Customize
Direction:
Delay (s)0
Duration (s)0.5
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | — | Content to animate in. |
delay | number | 0 | Animation delay in seconds. |
duration | number | 0.5 | Animation duration in seconds. |
direction | 'up' | 'down' | 'left' | 'right' | 'up' | Direction the content enters from. |
className | string | '' | Additional CSS classes. |