Design

Generatore di gradienti CSS

Crea gradienti CSS lineari o radiali con due colori e anteprima.

01Dati e impostazioni

Il calcolo viene eseguito nel browser senza installare programmi.

02Risultato

In attesa di dati
In attesa di dati

Inserisci i valori o carica l’esempio per vedere il risultato.

Informazioni sullo strumento: Generatore di gradienti CSS

Crea gradienti CSS lineari o radiali con due colori e anteprima.

Le operazioni dipendono dal formato. Caratteri e sintassi ammessi sono descritti nell’esempio.

Metodo di calcolo

linear-gradient(angle, color₁, color₂)

Esempio spiegato

Modalità
Lineare
Primo colore
#4f46e5
Secondo colore
#06b6d4
Angolo del gradiente, °
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

Domande e risposte

Cosa fa questo strumento?

Crea gradienti CSS lineari o radiali con due colori e anteprima. Le operazioni dipendono dal formato. Caratteri e sintassi ammessi sono descritti nell’esempio.

Cosa influisce su precisione e formato?

I colori usano sei cifre HEX. L’angolo vale solo per i gradienti lineari.

Dove vengono eseguiti i calcoli?

Il calcolo viene eseguito nel browser senza installare programmi.

Commenti (0)

Condividi la tua opinione — per favore, sii cortese e resta in tema.

Non ci sono ancora commenti. Lascia un commento e condividi la tua opinione!

Per lasciare un commento, accedi.

Accedi per commentare