BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Variable Proximity Text Effect Configurator - Breakfusion
data-variable-proximity
How to Use & Code Information
â–¼
  1. Customize your variable font effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any text element: go to Element → Settings → Advanced → Attributes, add data-variable-proximity with value true
HOVER ME
General Settings
Sample Text
Proximity Radius ℹ
100px
Falloff Type
Font Variation Settings
Default

Default State

Hover

Hover State

Weight (wght)
From 400
To 700
Width (wdth)
From 100
To 100
Optical Size (opsz)
From 14
To 72
Grade (GRAD)
From 0
To 150