Bordure en dégradé tournant
Un dégradé de deux couleurs tourne en continu autour de la bordure du bouton, même sans survol.
Réglages
Code
<button class="uv-conic"><span>Découvrir</span></button>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 Boutons
Où l’utiliser
Un bouton à bordure en dégradé animé attire le regard sans qu'on le touche, ce qui le rend utile pour un lancement : « Rejoindre la liste d'attente » sur une page de pré-lancement, « Réserver vos billets » pour une conférence ou « Tester la bêta » dans une application. L'intérieur garde la couleur de votre page, seul le contour bouge.
Comme il ne s'arrête jamais, réservez-le à un seul élément et ralentissez-le s'il se trouve près d'un texte à lire. Deux teintes proches donnent un rendu calme ; deux couleurs opposées sur fond sombre, un effet bien plus marqué.