CSS Quick Reference

CSS Quick Reference
Three: Gradients

Between 2008 and 2012 gradients finally appeared in web browsers although as of 2012 they still all required a browser prefix.

Fig 3.0 Altering the direction of the gradient; there are eight directions usable with words

linear-gradient(top left, #000000, #ffffff);
linear-gradient(-45deg, #000000, #ffffff); - equiv: can use angles instead
linear-gradient(top right, #000000, #ffffff);
linear-gradient(bottom left, #000000, #ffffff);
linear-gradient(bottom right, #000000, #ffffff);