Generatore di gradienti CSS

Genera CSS per gradienti lineari e radiali.
Modello
LineareRadiale
Impostazioni
Colore 1 (#eb2972)
Colore 2 (#06c0cc)
Posizione (50%)
Confine (80%)
Angolo (135°)
 

Spiegazione

Genera CSS in tempo reale da colori e posizioni del gradiente.

Impostazioni

ModelloScegli tra gradienti lineari e radiali.
ColoriImposta due colori da combinare.
PosizioneImposta la posizione del confine tra i due colori.
ConfineImposta la larghezza del confine tra i due colori. Valori maggiori creano un gradiente più morbido.
AngoloPer i gradienti lineari puoi impostare l'angolo.