Spinner Circular
Categoría: Loaders
Loader tipo spinner circular
Vista Previa:
📚 Explicación del Efecto:
Usa un borde con un segmento coloreado y una animación de rotación para crear el efecto de spinner.
Código Exportable
CSS
HTML
.loader-spinner {
width: 50px;
height: 50px;
border: 5px solid rgba(102, 126, 234, 0.2);
border-radius: 50%;
border-top-color: #667eea;
animation: spin 1s ease-in-out infinite;
margin: 20px auto;
}
@keyframes spin {
to { transform: rotate(360deg); }
}<div class="loader-spinner"></div>