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