Animations/Blur In
Blur In
A cinematic entrance — elements resolve from a soft blur into crisp focus.
ajax-ui.com/blur-in
Blurred into focus
Installation
npx ajaxui add blur-inTrigger on scroll
Reveal on scroll
Wire onView and the animation fires when the element enters the viewport.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| duration | number | 800 | Duration of the blur-in (ms). |
| delay | number | 0 | Delay before the animation runs (ms). |
| onView | boolean | false | Trigger when the element scrolls into view. |
| as | HTMLElement | "div" | Polymorphic root element. |