Línea 1 · Col. 1
Hoja de máquina de escribir
El papel avanza con cada letra como el carro de una máquina de escribir y suena la campana al final de la línea.
Ajustes
Código
<div class="uvq06-tw"><div class="win"><div class="pp"><label><span class="sr">Escribe tu carta</span><textarea rows="8" wrap="off" spellcheck="false" placeholder="Escribe tu carta"></textarea></label></div><span class="gd" aria-hidden="true"></span><span class="bl" aria-hidden="true">ding</span></div><div class="pl" aria-hidden="true"><i class="kn"></i><span class="rl"></span><i class="kn"></i></div><div class="ba"><p class="st">Línea 1 · Col. 1</p></div></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 Inputs
Ver todos: InputsDónde usarlo
Un campo de escritura construido alrededor del movimiento de una máquina de escribir antigua: el área de texto va sobre una hoja que se desliza a la izquierda con cada carácter y vuelve con un muelle al pulsar Enter. CSS mueve el papel con dos variables y unas líneas de JavaScript siguen el cursor. Encaja en cartas, diarios y portadas nostálgicas.
Cambia el color del esmalte y del papel para acercarlo a tu marca, del oliva y crema al negro y blanco. Mantén las líneas cortas, unos treinta caracteres, y acompáñalo de un botón de enviar sencillo para que la máquina sea la protagonista.