11

GRADIENTS

Image

In this chapter, the last of the quartet about decorative properties, I cover CSS gradients. A gradient in this context is the gradual transition between two or more colors—a design standard for many years and one that you might think would be fairly simple to translate into CSS, but which has a long and tortured history on the Web.

CSS gradients were first introduced in WebKit in 2008 and made their way into Safari 4. The syntax they used, however, was completely different from the one you’ll see in the rest of this chapter and was deemed too complex by other browser vendors. Various other proposals were put forward (and even implemented) ...

Get The Book of CSS3, 2nd Edition now with O’Reilly online learning.

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