HTML + CSSBotones
Botón con brillo
Un reflejo de luz cruza el botón en diagonal al pasar el ratón, y el botón se eleva un poco.
Ajustes
16px
1x
Código
<button class="uv-shine">Empezar</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
Este botón con brillo encaja en la llamada principal de una landing de software: «Prueba gratis», «Empezar» o «Crear cuenta». La luz pasa una sola vez cuando llega el cursor, como un reflejo en un escaparate, y el botón sube un pelín. Si buscabas un efecto hover para botones en CSS con destello, es el clásico.
Luce más sobre un color intenso y saturado; con tonos pastel el reflejo blanco casi no se ve. Úsalo en un solo botón por pantalla. Si todos brillan, ninguno destaca y la página empieza a parecer una tragaperras.