Champ à bordure dégradée
Un champ de texte discret dont la bordure s'illumine d'un dégradé tournant à deux couleurs pendant la saisie.
Réglages
Code
<label class="uv-ig"><input placeholder="Écrivez quelque chose"></label>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Où l’utiliser
Ce champ à bordure en dégradé animé est fait pour le champ le plus important de la page : la zone de prompt d'un outil d'IA (« Posez votre question »), l'e-mail d'une page de lancement ou le code promo du panier. Au repos, il a un fin cadre gris. Au focus, un dégradé se met à tourner le long du bord.
L'animation ne tourne que lorsque le champ est actif, elle ne distrait donc pas le reste du temps. Un seul par écran suffit malgré tout. Dans un long formulaire qui en aligne dix, l'effet perd son sens et la page devient agitée.