Falling Text
Hover to trigger
Customize
Gravity0.56
Mouse Gravity
Props
| Property | Type | Default | Description |
|---|---|---|---|
text | string | "" | The text to display and animate. |
highlightWords | string[] | [] | Words to highlight with a different style. |
trigger | "auto" | "scroll" | "click" | "hover" | "auto" | Event that triggers the animation. |
backgroundColor | string | "transparent" | Background color of the canvas. |
wireframes | boolean | false | Whether to show wireframes (for debugging). |
gravity | number | 1 | Gravity scale factor. |
mouseGravity | boolean | false | Whether mouse interaction affects gravity. |
fontSize | string | "1rem" | Font size of the text. |
delay | number | 0 | Delay before animation starts (in ms). |
Dependencies
matter-jssolid-js