Crea gradienti CSS lineari, radiali o conici con anteprima in tempo reale. Regola colori e direzione, poi copia il CSS.
Scegli un tipo di gradiente (lineare, radiale o conico), aggiungi stop di colore, regola le posizioni e vedi il risultato dal vivo. La proprietà CSS background generata è pronta da copiare e incollare nel progetto. Aggiungi tutti gli stop che vuoi.
Seleziona un tipo di gradiente, regola l’angolo (per lineare/conico), clicca i campioni per cambiare colore e trascina i cursori per impostare le posizioni. Clicca + Aggiungi colore per aggiungere altri stop. Copia il CSS dal blocco di codice scuro a destra.
A conic gradient rotates colours around a central point. It's useful for pie charts, colour wheels, dial effects, and any design where colour transitions in a sweep rather than a line.
As many as you like — click + Add colour to insert additional stops. The CSS is valid regardless of how many stops you use.
Questo strumento gira interamente nel tuo browser. Nulla di ciò che digiti o incolli viene inviato a un server — tutta l'elaborazione avviene localmente sul tuo dispositivo.