Applicare una sfumatura (o gradient) di colore nei CSS è abbastanza semplice. Puoi farlo utilizzando le funzioni linear-gradient() o radial-gradient().
Ecco un esempio di come applicare una sfumatura lineare:
```
div {
background: linear-gradient(red, yellow);
}
```
In questo esempio, il background del div cambierà gradualmente dal rosso al giallo.
Se vuoi un effetto radiale invece:
```
div {
background: radial-gradient(red, yellow);
}
```
In questo caso, il colore si diffonde dal centro del div, cambiando dal rosso al giallo.
Puoi anche specificare multipli colori:
```
div {
background: linear-gradient(red, yellow, green);
}
```
Qui, la sfumatura passa dal rosso al giallo e poi al verde.
Inoltre, puoi controllare la direzione della sfumatura lineare:
```
div {
background: linear-gradient(to right, red, yellow);
}
```
In questo esempio, la sfumatura cambierà dal rosso al giallo da sinistra a destra.
Infine, è anche possibile creare gradienti ripetuti:
```
div {
background: repeating-linear-gradient(red, yellow 10%, green 20%);
}
```
Questo creerà una sfumatura che passa dal rosso al giallo al verde, e poi si ripete.
