Branching Out

A great many possibilities are available to authors who use this technique. Here are some examples of things to try:

  1. Add variant background images for the h1 and h3 elements within the content. This will help them stand apart and will increase the illusion of a set of translucent elements placed over a single image. You could reuse the faded background from the links or come up with a new background image to use.

    [View full size image]

  2. Flip the design around so that the links are on the right and the shell is still in their background. This will require you to reposition not only the content and link divs but the background images ...

Get Eric Meyer on CSS: Mastering the Language of Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial