New

9 buttons. Ready to use.

Variable Proximity Text Effect Configurator - BricksFusion
data-variable-proximity
How to Use & Code Information
  1. Customize your variable proximity text effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any text element: go to Section → Style → Attributes, add data-variable-proximity as attribute name (leave value empty)
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