O'Reilly logo

Pro jQuery Mobile by Brad Broulik

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

Styling with CSS Gradients

Looking to add a bit of polish to your mobile UI? Try using CSS gradients where you would typically use background images. CSS gradients offer a performant alternative to images, they work extremely well within flexible layouts, and they gracefully degrade in unsupported browsers. For example, we can take an original springboard (see Figure 6–15) and transform it into a much more elegant display (see Figures 6–16 and 6–17) with the addition of gradients.

images

Figure 6–15. Springboard without CSS gradients

images

Figure 6–16. ...

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