Tipo con volumen
Mueve el cursor o toca para mover la luz
Titular extruido que sigue la luz
Letras con volumen de cartel pop: la extrusión de catorce capas cambia de dirección como si el cursor fuera un foco.
Ajustes
Código
<div class="uvq14-ext"><h3 class="hl">Tipo con volumen</h3><p class="cp">Mueve el cursor o toca para mover la luz</p></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Texto y scroll
Ver todos: Texto y scrollDónde usarlo
Catorce sombras de texto apiladas dan a este titular un bloque 3D macizo bajo su cara perfilada, como un cartel de arte pop o el título de una recreativa. Dos variables de CSS marcan la dirección y unas pocas líneas de JavaScript las orientan en contra del cursor, así que las letras parecen iluminadas por él. En reposo, la luz gira sola. Encaja en eventos, juegos y rebajas.
Escribe el titular en el campo de texto y elige el color de la cara con el color principal y el de la extrusión con el secundario. El fondo de trama usa el mismo acento. En el móvil un toque mueve la luz y, con movimiento reducido, la extrusión se queda quieta.