Botón glitch
Al pasar el ratón, dos copias de color del texto saltan de lado en franjas, como una pantalla rota.
Ajustes
Código
<button class="uv-glitch" data-t="GLITCH">GLITCH</button>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Botones
Dónde usarlo
Un botón glitch pega en webs con un aire digital y rebelde: la pantalla de «ENTRAR» de un juego cyberpunk, el cartel de un festival de música electrónica o el lanzamiento de una marca de streetwear a medianoche. En reposo es un botón sólido. Con el ratón encima, el texto se rompe en franjas de color que tiemblan.
Se lee mejor con palabras cortas en mayúsculas; con textos largos el efecto se convierte en ruido. No lo metas en formularios ni en el proceso de pago, donde la gente necesita calma. Dos colores fuertes y opuestos dan el típico efecto de canales RGB separados.