HTML5 and CSS3, 2nd Edition

Chapter 8Eye Candy

As web developers, we’re always interested in making our user interfaces a little more eye-catching, and CSS3 provides quite a few ways for us to do that. We can use our own custom fonts on our pages. We can create elements with rounded corners and drop shadows. We can use gradients as backgrounds, and we can even rotate elements so things don’t look so blocky and boring all the time. We can do all of these things without resorting to Photoshop or other graphics programs, and this chapter will show you how. We’ll start off by softening up a form’s appearance by rounding some corners. Then we’ll construct a prototype banner for an upcoming trade show, and add shadows, rotations, gradients, and opacity. Then we’ll talk about ...