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.