Bulge Warp Grid
Op-art text effect: the word is drawn in vertical cream stripes over a field of horizontal lines, and a sphere-like bulge swells under the cursor. A press flips it into a gravity well. Ideal as an interactive website hero title.
Prompt · replace [TEXT]
Tool-agnosticDraw an op-art composition on near-black: the background is a field of evenly spaced thin horizontal slate lines, and [TEXT] is set in a tall condensed sans filled only with vertical cream stripes, so the word reads purely through the change of line direction. A single smooth bulge distorts everything: lines and stripes swell outward around one point as if a sphere were pushing through the paper, glowing tangerine in the letters and violet in the background at its center. At rest a gentle bulge drifts slowly across the word. On hover the bulge follows the pointer and grows into a large swelling lens, then relaxes back to the small drift when the pointer leaves. A press flips it into a pinching gravity well that wobbles back to a bulge. On touch screens the bulge follows the finger.
Visual DNA
- Op-art: vertical cream stripes for the letters over horizontal line field
- Every line and stripe bends through one smooth bulge function
- Bulge glows tangerine and violet at its center
- Idle: a gentle bulge drifts across; hover: a big swelling lens
- Press inverts the bulge into a pinching gravity well that wobbles back
- Category
- Reactive Styles
- Demo built with
- SVG
- Energy
- Calm
- Background
- Dark bg
Also known as
No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.
Keys: ← → browse · C copy