HTML + CSSInputs
Input con línea desde el centro
Solo una línea fina bajo el texto; al hacer foco, una línea con degradado se abre desde el centro.
Ajustes
16px
1x
Código
<label class="uv-in2u"><input placeholder="Nombre"><i></i></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
Sin caja ni fondo, solo una línea. Ese aire minimalista encaja en páginas donde manda el diseño: el formulario de contacto del portfolio de un fotógrafo, la newsletter de una revista online o la confirmación de asistencia a una boda. La línea que se abre desde el centro marca el foco sin ruido. Un input con línea animada en CSS.
La línea en reposo es muy clara, así que pruébala sobre tu fondo real; con colores pálidos quizá tengas que oscurecerla. Luce con dos o tres campos; en un formulario largo, las cajas se leen mejor.