Generatore animato di spinner e caricatore CSS
Genera uno spinner/caricatore animato CSS (dimensioni, colore, velocità) con un'anteprima.
🔒 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.
Related tools
Proporzioni · calcolatore Calcola un aspect ratio (16:9...) e ricava la dimensione proporzionale mancante. Generatore di codici a barre Genera un codice a barre (EAN-13, Code128, UPC) da un valore, scaricabile, nel tuo browser. Base64 → immagine Decodifica un data URI o Base64 in un'immagine visualizzabile e scaricabile nel tuo browser. CSS border-radius · generatore Crea angoli arrotondati CSS (border-radius) con anteprima live e codice pronto da copiare. CSS box-ombra · generatore Genera un'ombra box CSS con un'anteprima dal vivo e un codice pronto per la copia. Dispositivo per la rimozione dello schermo verde Rendi trasparente un colore di sfondo (schermo verde/blu) ed esporta un PNG nel tuo browser.