HTML + CSSBotones
Borde con degradado giratorio
Un degradado de dos colores recorre el borde del botón sin parar, aunque nadie pase el ratón.
Ajustes
16px
1x
Código
<button class="uv-conic"><span>Descubrir</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
Dónde usarlo
Un botón con borde degradado animado atrae la mirada sin que nadie lo toque, así que funciona en momentos de lanzamiento: el «Apúntate a la lista de espera» de una web que aún no ha salido, el «Comprar entradas» de un congreso o el «Probar la beta» de una app. El interior mantiene el color de tu página.
Como nunca se detiene, úsalo en un único elemento y bájale la velocidad si está cerca de un texto que haya que leer. Dos colores parecidos dan un resultado tranquilo; dos opuestos sobre fondo oscuro, algo mucho más llamativo.