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