Developer Tools
CSS Gradient Generator
🔒 Funziona nel tuo browser
Create linear, radial, and conic CSS gradients with a live preview. Copy the CSS instantly. Free, runs in your browser.
Come usare questo strumento
- Scegli il tipo di gradiente, la direzione e i punti di colore.
- Visualizza l'anteprima del gradiente in tempo reale e regolalo finché non sei soddisfatto.
- Copia il codice CSS generato nel tuo foglio di stile.
Color stops
0%
100%
CSS
background: linear-gradient(135deg, #f97316 0%, #8b5cf6 100%);
Domande frequenti
- Il generatore di gradienti invia i miei dati a un server?
- No. Tutto il rendering del gradiente e la generazione del codice CSS avvengono interamente nel tuo browser. Nulla viene trasmesso da nessuna parte.
- Che tipi di gradienti posso creare?
- Puoi creare gradienti lineari CSS (transizioni di colore direzionali) e gradienti radiali (circolari o ellittici). Entrambi supportano più color stop.
- Posso usare l'output direttamente nel mio CSS?
- Sì. Lo strumento produce codice CSS pronto all'uso che puoi copiare e incollare direttamente nel tuo foglio di stile.
- Supporta più color stop?
- Sì. Puoi aggiungere tutti i color stop di cui hai bisogno e regolare le loro posizioni lungo l'asse del gradiente.