Con il CSS3 è possibile usare un gradiente come sfondo a un elemento, peccato che, al momento, la funzionalità sia scarsamente supportata, per usare un eufemismo, dai browser di casa Microsoft.
Nella pagina inserisco un div con delle dimensioni fisse e a questo applico il gradiente:
background-image: linear-gradient(topright, #FFFFFF0%, #AACFEF100%);
Dove top right è la posizione di partenza da scegliere tra top, bottom, left, right o loro combinazioni come nel nostro caso e poi nell’ordine il primo e il secondo colore di stop.
Questo è un esempio
