Anillo de degradado cónico
Un anillo pintado con un degradado cónico que gira y se desvanece hasta desaparecer, con el centro hueco.
Ajustes
Código
<div class="ul-conic"></div>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 Loaders
Dónde usarlo
Este spinner con degradado tiene un aire moderno y cuidado que encaja con productos fintech y SaaS: el momento en que se procesa un pago, la pausa después de darse de alta en una prueba gratuita o la pantalla que conecta una cuenta bancaria. El color se difumina alrededor del anillo, con una cabeza clara y una cola suave.
Aprovecha aquí el degradado de tu marca: los dos colores se mezclan a lo largo del anillo y una pareja como violeta y azul queda estupenda. El centro está hueco de verdad, así que también luce sobre tarjetas de color y fotos.