HTML and CSS Reference
In-Depth Information
Chapter
5
Getting Fancy
The look of RecipeFinder has now advanced to the latter stages. We have the layout of all ele-
ments in place, along with all the correct fonts and text sizes.
Figure 5.1
shows a screenshot of RecipeFinder after completing all the code from Chapters
1-4.
It's looking good but, compared to our original Photoshop file, there are still a few elements
missing: the background gradients on the header and button elements. As mentioned earlier,
we intentionally left those unfinished so we could deal with them in this chapter, which intro-
duces some fancy effects that you'll want to make part of your regular CSS arsenal. So let's
get to it!
