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.

Versión Markdown con todo el código, para asistentes de IA

Más en Botones

Ver todos: 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.