Text Pressure
A heading that spans its container. Letters near the pointer get heavier and taller, like pressing into the type. Needs a variable weight font such as Geist.
import { TextPressure } from "pleate/effects/text-pressure";Weight and stretch
PRESSURE
Weight and fade
Hello there
Props
- text
The heading.
string- minWeight / maxWeight
Weight far away and under the pointer.
numberdefault 200 / 900- stretch
Letters grow taller near the pointer.
booleandefault true- alpha
Letters fade far from the pointer.
booleandefault false
Accessibility
- Screen readers get the plain text.
- Touch screens and reduced motion show a steady middle weight.