Chapter 6. Stunning Aesthetics with CSS3
In the previous chapter we learned about some quick and useful CSS3 techniques to aid in building responsive designs. We also made a big difference to the visuals by employing the CSS3 @font-face rule to apply custom typography and learned about CSS3's tools for selecting DOM elements. So, with some CSS3 basics covered, let's look at some more advanced features of CSS3; how we can give a responsive design an aesthetic lift by using some of the more exciting CSS3 techniques that, for the vast majority, don't require a single graphics image, making our responsive design as bandwidth friendly as possible.
In this chapter we will cover:
How to create text-shadows with CSS3
How to create box-shadows (drop shadows) with CSS3
Making gradient backgrounds with CSS3
Using multiple backgrounds with CSS3
Using CSS3 background gradients to make patterns
Using the CSS3
@font-facerule to make bandwidth friendly icons
At this point I'm going to reiterate why I believe CSS3...
