Che cos'è una sfumatura?
Una sfumatura, o gradiente, è un passaggio graduale tra due o più colori. Nel web design si usa molto per sfondi, pulsanti e intestazioni perché dà profondità e un aspetto moderno con pochissimo codice.
Sfumatura lineare e radiale
La sfumatura lineare cambia colore lungo una linea retta: puoi controllarne la direzione con l'angolo (0° verso l'alto, 90° verso destra). Quella radiale parte da un punto centrale e si espande a cerchio. Questo generatore le crea entrambe e ti dà il CSS corrispondente (linear-gradient o radial-gradient).
Come usarla nel CSS
Copia il codice e incollalo nella proprietà background del tuo elemento. Puoi aggiungere più colori e cambiarli modificandoli uno per uno. Se ti serve anche una palette di colori abbinata, prova il generatore di palette o controlla il contrasto prima di metterci sopra del testo.