Variable Proximity
Customize
Radius100px
Falloff
Props
| Property | Type | Default | Description |
|---|---|---|---|
label | string | "" | The text content to display. |
fromFontVariationSettings | string | 'wght' 400, 'opsz' 9 | The starting variation settings. |
toFontVariationSettings | string | 'wght' 800, 'opsz' 40 | The variation settings to reach at cursor proximity. |
containerRef | HTMLElement | undefined | Reference to container for relative calculations. |
radius | number | 50 | Proximity radius to influence the effect. |
falloff | 'linear' | 'exponential' | 'gaussian' | "linear" | Type of falloff for the effect. |