Informazioni su questo strumento
Che cos'è il CSS Gradient Generator?
Crea gradienti CSS con un'anteprima in tempo reale. Scegli il tipo (lineare, radiale, conico), aggiungi un numero illimitato di punti di colore, imposta l'angolo (o la posizione per il radiale) e copia il CSS generato. L'output supporta tutti i browser moderni; per i browser meno recenti includiamo fallback con prefissi dei fornitori.
I designer lo usano per sfondi hero, stili dei pulsanti ed esplorazioni di atmosfere di brand. Output in CSS, classi Tailwind o SVG.
FAQ · CSS GRADIENT GENERATOR
Domande sul CSS Gradient Generator
Quali tipi di gradiente sono supportati?
Lineari (i più comuni, basati sull'angolo), radiali (circolari o ellittici, posizionabili) e conici (il tipo più recente, che fa ruotare i colori attorno a un punto centrale, ideale per design simili a grafici a torta). Tutti generano CSS standard.
Posso esportare in Tailwind?
Sì: oltre al CSS puro, il generatore produce classi di utilità Tailwind (ad esempio `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) quando i punti di colore corrispondono alla palette con nome di Tailwind.
Gratuito?
Sì, senza registrazione e funziona direttamente nel browser.