motion-scramble
Scrambles text with random characters then progressively reveals the real text from left to right. Trigger on scroll or on hover.
Preview
Import
Usage
Properties
| Attribute | Property | Type | Default | Description |
|---|---|---|---|---|
| | | number | 40 | Milliseconds between scramble frames |
| | | number | 0 | Delay before starting (ms) |
| | | number | 2 | Scramble frames per character before revealing |
| | | boolean | false | Trigger on mouseenter instead of scroll |
| | | boolean | true | Animate only on first intersection |
Accessibility
Respects prefers-reduced-motion: when enabled, the scramble effect is skipped and the text appears at its final state immediately.