HTML + CSSBotones

Botón degradado que late

Un botón con degradado cuya sombra de color respira despacio, sin parar.

Ajustes

16px
1x

Código

<button class="uv-pulse">Comprar</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 que late sigue pidiendo atención con suavidad, así que dale la acción que da de comer: el «Comprar ahora» de una ficha de producto, el «Reserva tu estancia» de un hotel pequeño o el «Aprovechar la oferta» en rebajas. El degradado y el halo que respira forman una animación pulse en CSS que se nota sin parpadear.

Úsalo una vez por página. Si el diseño ya tiene un fondo en movimiento o un carrusel, el latido competirá con ellos y perderá. Con colores cercanos en el degradado queda más fino; con colores muy distintos resulta más comercial.