ElyriScrollReveal
Text lives in a scrollable window and lights up word by word as you scroll, while the unread part stays dimmed or even blurred. Made for narrative paragraphs.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | string | — | Text to illuminate |
by | 'word' | 'char' | 'word' | Illuminate word by word or character by character |
height | number | 280 | Height of the scrollable window in pixels; overflowing text scrolls |
dimOpacity | number | 0.15 | Opacity before a unit lights up; 0 hides it completely |
blur | number | 2 | Blur radius in pixels before a unit lights up; 0 disables the blur |
className | string | — | Extra class name |