Fisheye Lens Hover
Fisheye lens text effect: a glass bulge follows the cursor over an editorial page, magnifying the big serif word with rainbow-fringed edges. Ideal as an interactive, animated website hero title for editorial and portfolio sites.
Prompt · replace [TEXT]
Tool-agnosticLay out an editorial page: [TEXT] huge in a high-contrast didone serif, black on warm off-white book paper with visible fibers, framed by small columns of body text, thin rules and a running header. A round glass lens floats over the page. At rest it drifts slowly across the word at a gentle magnification. On hover it follows the pointer with a soft lag, grows larger and magnifies to about twice the size with a fisheye bulge: strong zoom in the center, compressed edges that stay continuous with the page, and red and blue chromatic fringes near the rim. Give the glass a bright rim highlight, a crescent reflection at the top left, a faint inner shadow and a soft shadow cast on the paper. A press pumps the zoom briefly. Touch drags the lens under the finger.
Visual DNA
- High-contrast didone serif word on warm book paper with small text columns
- Fisheye bulge: strong magnification at the center, compressed edges
- Red and blue chromatic fringes toward the rim of the glass
- Glass rim highlight, inner shadow and a soft cast shadow on the paper
- Press pumps the zoom; at rest the lens drifts slowly over the page
- Category
- Reactive Styles
- Demo built with
- WebGL
- Energy
- Calm
- Background
- Light 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