Chapter 9

Rounded Corners, Animations, Custom Fonts, and More with CSS3

What You Will Learn in This Chapter

  • How to use new CSS3 selectors
  • How to set variable opacity elements with the new CSS3 Color module
  • New options for multi-column layouts
  • How to create drop shadows and rounded corners without using any images
  • How to apply custom fonts to the web using the @font-face directive
  • How to add animations, transitions, and transformations without using any JavaScript Code Downloads for this Chapter

The code downloads for this chapter are found at on the Download Code tab. The code is in the Chapter 9 download and individually named according to the names throughout the chapter.

In this chapter, you learn about the latest version of the CSS specification, CSS3. Unlike previous versions of the specification, CSS3 consists of smaller specifications that focus on particular areas of interest. These are called modules. CSS3 significantly increases the power of CSS.

First, you focus on more mature modules—ones that have been in development for the longest time and are furthest along the road to standardization. These include new options for selecting elements and adjusting the color of elements, new border and background options, and new functionality that enables you to specify CSS styles based on attributes of your visitors’ browsers and devices.

Then you learn about newer modules that might not be completely finalized ...

Get Beginning HTML and CSS now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.