6XC

Generatore di Gradienti CSS

Progetta gradienti CSS lineari, radiali e conici con anteprima dal vivo e copia il codice.

836 visualizzazioni

I Gradienti CSS

Un gradiente è una sfumatura morbida tra colori, scritta come linear-gradient(angolo, colore1, colore2), radial-gradient(...) o conic-gradient(...). Scegli il tipo, l'angolo e fino a tre colori — l'anteprima e il CSS pronto da copiare si aggiornano all'istante. I gradienti vengono renderizzati dal browser, quindi non costano alcun download di immagini e restano nitidissimi a qualsiasi dimensione.

Domande Frequenti

Cosa significa l'angolo in un gradiente lineare?

0° punta verso l'alto, 90° a destra, 180° verso il basso — l'angolo è la direzione verso cui si muove il gradiente. 135° dà la diagonale popolare dall'alto a sinistra verso il basso a destra.

Quando dovrei usare radial o conic?

Radial si fonde dal centro verso l'esterno — ottimo per riflettori e vignette. Conic ruota attorno al centro come una ruota dei colori — ottimo per grafici a torta e anelli arcobaleno.

Strumenti Simili

Generatore di Ombre CSS (Box Shadow) Progetta una box-shadow visivamente — offset, sfocatura, espansione, colore, opacità e inset — con anteprima dal vivo. Genera Generatore di Border Radius CSS Arrotonda ogni angolo singolarmente o tutti insieme, in px o %, con anteprima dal vivo e CSS copiabile. Genera Generatore di Ombra del Testo CSS Progetta un text-shadow con offset, sfocatura, colore e opacità — anteprima dal vivo su testo di esempio. Genera Generatore CSS Glassmorphism Progetta un effetto vetro (glassmorphism) con anteprima dal vivo — regola sfocatura, trasparenza, tinta e bordo, poi copia il CSS. Genera