Scrambled Text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique pariatur dignissimos porro eius quam doloremque et enim velit nobis maxime.
Customize Scrambled Text
Radius100px
Duration1.2s
Speed0.5
Props
| Property | Type | Default | Description |
|---|---|---|---|
| radius | number | 100 | The radius around the mouse pointer within which characters will scramble. |
| duration | number | 1.2 | The duration of the scramble effect on a character. |
| speed | number | 0.5 | The speed of the scramble animation. |
| scrambleChars | string | ".:" | The characters used for scrambling. |
| children | React.ReactNode | - | The text content to be scrambled. |
| className | string | "" | Additional CSS classes for the component. |
| style | React.CSSProperties | {} | Inline styles for the component. |
Dependencies
gsap
Created with ❤️ by Cybershoora