Bouton holographique
Un bouton à l'effet de feuille irisée qui s'incline un peu et change de teinte quand le pointeur bouge.
Réglages
Code
<button class="uv-hol"><span>Voir la collection</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
La feuille holographique, c'est le style des cartes à collectionner et des éditions limitées, et ce bouton la recrée en CSS : une bordure arc-en-ciel et une couche de reflet suivent le curseur pendant que le bouton s'incline en 3D. Utilise-le pour un drop, une page collector, la sortie d'un album ou une offre premium qui mérite un peu de mise en scène.
Deux couleurs donnent les teintes de la feuille et le réglage d'intensité fixe l'inclinaison, de plat à nettement en relief. Sur écran tactile, il reste en position neutre, le libellé reste donc toujours lisible.