Bouton glitch
Au survol, deux copies colorées du texte sautent de côté par bandes, comme un écran qui déraille.
Réglages
Code
<button class="uv-glitch" data-t="GLITCH">GLITCH</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 glitch a sa place sur les sites à l'esprit numérique et un peu rebelle : l'écran « ENTRER » d'un jeu cyberpunk, la programmation d'un festival de musique électronique ou le lancement d'une collection streetwear à minuit. Au repos, c'est un bouton plein tout simple. Au survol, le texte se découpe en bandes colorées qui tressautent.
Les mots courts en majuscules restent lisibles, les libellés longs deviennent du bruit. Évitez-le dans les formulaires ou le paiement, où l'on a besoin de calme. Deux couleurs vives et opposées donnent l'effet classique de décalage RGB.