Tutti gli strumenti

Generatore Gradiente CSS

Crea gradienti lineari, radiali e conici. Copia il codice CSS pronto all'uso.

°

Domande frequenti

Differenza tra linear-gradient e radial-gradient?

linear-gradient parte da un punto o lato e scorre in linea retta verso la direzione opposta seguendo l'angolo specificato. radial-gradient parte da un punto centrale (che puoi posizionare liberamente) ed espande il gradiente in forma di cerchio o ellisse verso l'esterno. Il conic-gradient è invece un gradiente che ruota attorno a un punto centrale, come i colori di una ruota cromatica.

I color stops sono i punti di colore che compongono il gradiente. Ogni stop ha un colore e una posizione percentuale (0% = inizio, 100% = fine). Puoi aggiungere quanti stops vuoi e posizionarli dove preferisci. Esempio: linear-gradient(90deg, #ff0000 0%, #ffff00 50%, #00ff00 100%) crea un gradiente rosso → giallo → verde.

Sì, con supporto completo da Chrome 26+, Firefox 16+, Safari 7+, Edge 12+. I prefissi -webkit- non sono più necessari per i browser moderni ma vengono inclusi nell'output per massima compatibilità. Il conic-gradient è supportato da Chrome 69+, Firefox 83+, Safari 12.1+.

No. Tutti gli strumenti LYNK TOOLS funzionano interamente nel browser, senza inviare file o dati a server esterni. L'elaborazione avviene localmente sul tuo dispositivo: i tuoi file restano privati e non vengono mai caricati online.