HTML + CSSBoutons
Bouton à maillage de couleurs
Des taches de couleur douces dérivent et se mêlent sous une couche dépolie, avec une étincelle qui tourne au survol.
Réglages
16px
1x
14px
Code
<button class="uv-msh"><span class="m" aria-hidden="true"><i></i><i></i><i></i></span><span class="t"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2l1.9 5.6L19.5 9.5l-5.6 1.9L12 17l-1.9-5.6L4.5 9.5l5.6-1.9zM19 15l.9 2.1L22 18l-2.1.9L19 21l-.9-2.1L16 18l2.1-.9z"/></svg>Créer avec l’IA</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
Voir tout : BoutonsOù l’utiliser
Les dégradés maillés sont la signature des produits d'IA et des outils créatifs, et ce bouton en garde un vivant dans une pilule : trois taches floues dérivent lentement dans des directions différentes sous une fine couche de verre. L'icône étincelle tourne au survol, un signal familier pour générer, la magie ou créer.
Choisis deux couleurs contrastées pour un mélange vif et utilise le flou pour passer de formes nettes à un voile coloré. Garde un texte blanc et court pour qu'il reste lisible sur le mouvement.