Tipo con volumen
Mueve el cursor o toca para mover la luz
Extruded headline that follows the light
Pop poster letters with depth: a fourteen-layer extrusion changes direction as if the pointer were a spotlight.
Settings
Code
<div class="uvq14-ext"><h3 class="hl">Type with depth</h3><p class="cp">Move the pointer or tap to move the light</p></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Text & scroll
See all Text & scrollWhere to use it
Fourteen stacked text shadows give this headline a solid 3D block under its outlined face, like a pop art poster or an arcade title. Two CSS variables set the direction, and a few lines of JavaScript point them away from the cursor, so the letters seem lit by it. When idle, the light circles slowly on its own. It suits events, games, sales and bold campaigns.
Write the headline in the text field and choose the face color with the main color and the extrusion with the secondary one. The halftone background uses the same accent. On phones a tap moves the light, and with reduced motion the extrusion stays still.