Generatore di Gradienti
Crea bellissimi gradienti CSS e Tailwind con un editor visivo intuitivo
Tipo
Angolo
135°Presets
Colori
.element {
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
}linear-gradient(135deg, #6366f1 0%, #ec4899 100%)Domande Frequenti
Qual è la differenza tra sfumature lineari, radiali e coniche?
Le sfumature lineari fanno transitare i colori lungo una linea retta. Le sfumature radiali si irradiano da un punto centrale verso l'esterno. Le sfumature coniche ruotano i colori attorno a un punto centrale, come una ruota cromatica.
Come uso la sfumatura in Tailwind CSS?
Passa alla scheda Tailwind e copia i nomi delle classi generate. Incollali direttamente in qualsiasi progetto Tailwind — non è necessaria alcuna configurazione aggiuntiva per i colori standard.
Posso aggiungere più di due punti colore?
Sì — fai clic su 'Aggiungi Colore' per aggiungere quanti punti desideri, poi trascina o digita posizioni esatte per controllare con precisione dove appare ogni colore nella sfumatura.
Posso usare la sfumatura in React o altri framework?
Assolutamente. Il codice CSS funziona ovunque tu possa applicare stili, inclusi stili inline di React, Vue, Svelte, HTML puro o qualsiasi foglio di stile CSS.