Fuzzy Text
404
Customize
Base Intensity0.18
Hover Intensity0.5
Font Size150px
Font Weight900
Enable Hover
Props
| Property | Type | Default | Description |
|---|---|---|---|
children | JSX.Element | - | The text or content to apply the fuzzy effect to. |
fontSize | number | string | "clamp(3rem, 8vw, 7rem)" | Font size of the text. |
fontWeight | number | string | 900 | Font weight of the text. |
color | string | "#fff" | Color of the text. |
baseIntensity | number | 0.18 | Base noise intensity (0-1). |
hoverIntensity | number | 0.5 | Noise intensity on hover (0-1). |
enableHover | boolean | true | Whether to enable the hover effect. |
Dependencies
solid-js