Quali browser supportano i gradienti conici?

Tutti i browser moderni. I browser più vecchi semplicemente ignorare la regola e tornare a qualsiasi colore di sfondo avete.

Posso salvare o esportare il gradiente CSS?

Si'. Copiare il codice CSS generato direttamente sul clipboard. Dal momento che tutto funziona localmente, i vostri disegni rimangono privati sul vostro dispositivo.

C'è un limite sulle fermate di colore?

Nessun limite, dato che molti colori si fermano di cui hai bisogno. Lo strumento funziona interamente nel tuo browser, quindi le prestazioni dipendono dal tuo dispositivo.

Generatore di grado CSS

Costruire gradienti CSS lineari, radiali o conici visivamente. Aggiungi fermate di colore illimitate, trascina l'angolo, vedi l'anteprima dal vivo e copia il CSS.

Linear Radial Conic

Angle°

Color stops

Preview

CSS

Was this tool helpful?

Send output to:

How to use CSS Gradient Generator

Scegli lineare, radiale o conico.
Regolare l'angolo (solo lineare/conico) e le fermate di colore.
Copia il CSS generato.

Che cos'e'?

Drop nei colori, regolare le posizioni, scegliere il tipo di gradiente e vedere l'aggiornamento dei risultati dal vivo. Uscita CSS-ready codice che è possibile incollare in qualsiasi foglio di stile

FAQ

Quali browser supportano i gradienti conici?: Tutti i browser moderni. I browser più vecchi semplicemente ignorare la regola e tornare a qualsiasi colore di sfondo avete.
Posso salvare o esportare il gradiente CSS?: Si'. Copiare il codice CSS generato direttamente sul clipboard. Dal momento che tutto funziona localmente, i vostri disegni rimangono privati sul vostro dispositivo.
C'è un limite sulle fermate di colore?: Nessun limite, dato che molti colori si fermano di cui hai bisogno. Lo strumento funziona interamente nel tuo browser, quindi le prestazioni dipendono dal tuo dispositivo.

Related tools

Author

Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 CSS Gradient Generator on Wikipedia·Developer Tools on Wikipedia·CSS Gradient Generator on Britannica

People also use

← Back to Developer Tools · All tags

Generatore di grado CSS

Something went wrong

How to use CSS Gradient Generator

Che cos'e'?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts