HTML + CSSChamps
Champ au dégradé tournant
Tant que le champ est actif, une bordure en dégradé de deux couleurs tourne lentement autour.
Réglages
16px
1x
Code
<label class="uv-in2g"><input placeholder="Rechercher un projet"></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
Une bordure en dégradé qui tourne attire le regard sur un champ important : la zone de saisie d’un outil d’IA, la recherche de projets d’un tableau de bord ou le « Saisissez votre domaine » d’une page d’hébergeur. Quand vous cliquez ailleurs, la bordure se calme. Un champ avec bordure en dégradé animée, en CSS uniquement.
Réservez-le à un seul champ vedette par page. Si tous les champs tournent, le formulaire ressemble à une machine à sous. Deux couleurs de votre charte suffisent ; un arc-en-ciel devient vite bruyant.