Input con borde degradado
Un campo de texto discreto cuyo borde se ilumina con un degradado giratorio de dos colores mientras escribes.
Ajustes
Código
<label class="uv-ig"><input placeholder="Escribe algo"></label>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
Dónde usarlo
Este input con borde degradado animado está pensado para el campo más importante de la página: la caja de prompt de una herramienta de IA («Pregunta lo que quieras»), el email de una página de lanzamiento o el código de descuento del checkout. En reposo tiene un marco gris fino. Al enfocarlo, un degradado empieza a girar por el borde.
La animación solo corre mientras el campo está activo, así que no distrae el resto del tiempo. Aun así, con uno por pantalla sobra. En un formulario largo con diez iguales, el efecto pierde sentido y la página se vuelve inquieta.