Generatore animato di spinner e caricatore CSS

Genera uno spinner/caricatore animato CSS (dimensioni, colore, velocità) con un'anteprima.

▸Size : 40px▸Thickness : 4px▸Speed : 0.8s

▸CSS

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255,255,255,0.15);
  border-top-color: #39d353;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

🔒 100 % lato client — nessun dato inviato

Genera uno spinner o un caricatore animato CSS e personalizza dimensioni, colore, spessore e velocità, quindi copia il codice pronto all'uso. Un indicatore di caricamento leggero senza immagini o libreria JavaScript. Tutto viene creato localmente nel tuo browser.

What is it for?

▸ Aggiungi un indicatore di caricamento a una pagina o a un pulsante
▸ Personalizza colore, dimensione e velocità di animazione
▸ Ottieni un caricatore leggero senza immagine o JavaScript
▸ Copia pura CSS riutilizzabile in qualsiasi progetto

FAQ

Lo spinner richiede JavaScript?

No, si basa solo sull'animazione CSS e @keyframes, mantenendolo molto leggero.

Posso modificare la velocità di rotazione?

Sì, basta regolare la durata dell'animazione per accelerare o rallentare lo spinner.

Il codice funziona su mobile?

Sì, le animazioni CSS sono fluide e ben supportate sui moderni browser mobili.