Chapter 6. Stunning Aesthetics with CSS3
The aesthetically focused features of CSS3 are so useful in responsive design because using CSS3 lets us replace images in many situations. This saves you time, makes your code more maintainable and flexible and results in less page 'weight' for the end user. Those benefits would be useful even on a typical fixed-width desktop design but it's even more important with a responsive design as using CSS in these situations makes it trivial to create different aesthetic effects at different viewports.
In this chapter we will cover:
- How to create text shadows with CSS3
- How to create box shadows with CSS3
- How to make gradient backgrounds with CSS3
- How to use multiple backgrounds with CSS3
- Using CSS3 background gradients to make patterns
- How to implement high-resolution background images with media queries
- How to use CSS filters (and their performance implications)
Let's dig in.
Tip
Vendor prefixes
When implementing experimental CSS,...
