CSS3: gradiente come sfondo

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