Chapter 10. Borders and backgrounds with CSS3

 

This chapter covers
  • Adding drop shadows and rounded corners
  • New ways to apply and use background images
  • Creating gradients with CSS

 

CSS3 makes the traditional background image approaches more flexible and provides declarative options for drop shadows, rounded corners, and gradients. Solutions that have involved images, JavaScript, and extra markup can be replaced with simple HTML and CSS.

Drop shadows with CSS3

The pseudo-3D effect provided by drop shadows is a popular design approach. In the past, designers have gone to great lengths to add this visual effect, but CSS3 saves a lot of time ...

Get Hello! HTML5 & CSS3: A user-friendly reference guide now with O’Reilly online learning.

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