This project goes into details with gradients and shadows, demonstrating how these properties can be employed to achieve amazing effects using a very small set of HTML elements.
Before moving on to the next chapter, it might be useful to know that there are a few online gradient generators that let us compose a gradient using a nice UI and then provide us the right CSS syntax to include in our stylesheet. They can be found at http://www.colorzilla.com/gradient-editor/, http://www.cssbuttongenerator.com/, and http://css3generator.com/.
In the next chapter, we'll learn how to deal with multiple device visualizations by creating a menu that works on both desktop and smartphones!