In this chapter we've looked at a selection of the most useful CSS features for creating lightweight aesthetics in responsive web designs. CSS3's background gradients curb our reliance on images for background effects. We have even considered how they can be used to create infinitely repeating background patterns. We've also learned how to use text-shadows to create simple text enhancements andbox-shadows to add shadows to the outside and inside of elements. We've also looked at CSS filters. They allow us to achieve even more impressive visual effects with CSS alone and can be combined for truly impressive results.

In the next chapter we're going to turn our attention to creating and using SVGs as they are more simply called. While it's a very mature technology, it is only in the current climate of responsive, and high-performing websites that it has really come of age.