O'Reilly logo

Beginning HTML and CSS by Rob Larsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

Wrox.com Code Downloads for this Chapter

The wrox.com code downloads for this chapter are found at www.wrox.com/remtitle.cgi?isbn=9781118340189 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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required