HTML + CSSInputs
Campo con degradado giratorio
Mientras el campo está activo, un borde con degradado de dos colores gira lentamente a su alrededor.
Ajustes
16px
1x
Código
<label class="uv-in2g"><input placeholder="Buscar proyecto"></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
Un borde degradado que gira atrae la mirada a un campo importante: la caja de texto de una herramienta de IA, el buscador de proyectos de un panel o el «Escribe tu dominio» de la landing de un hosting. Cuando sales del campo, el borde se calma. Un input con borde degradado animado, solo con CSS.
Úsalo en un único campo protagonista por página. Si todos los inputs giran, el formulario parece una tragaperras. Con dos colores de tu marca basta; un arcoíris se vuelve ruidoso enseguida.