HTML + CSSBotones
Botón de metal líquido
Una píldora de cromo pulido cuyo reflejo se desliza por la superficie al mover el cursor por encima.
Ajustes
16px
1x
Código
<button class="uv-mtl"><span>Reservar mesa</span></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
Ver todos: BotonesDónde usarlo
El cromo ha vuelto al diseño de producto y este botón lo trae sin imágenes: varios degradados en CSS construyen el metal y un pequeño script mueve el brillo con el cursor. Encaja en reservas de alto nivel, marcas de relojes o coches y cualquier portada donde una acción tenga que sentirse sólida y cara.
Tiñe el metal con el color principal para conseguir acero, oro o oro rosa, y deja la etiqueta corta para que quede dentro de la franja clara. Rodéalo de botones planos y tranquilos para que el brillo siga siendo especial.