CSS gradients


show more CSS gradients provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts show less
please wait ...

CSS gradients

One of the more exciting developments in CSS recently has been the addition of CSS Gradients as a way of defining backgrounds. In many ways this feature is still sort of experimental, but support for gradients is increasing rapidly and the syntax is beginning to become a little bit more stable, so I want to take a brief moment to introduce you to CSS Gradients. I'm going to do that by using the gradients.htm file, which you can find in the 06_08 directory. Now this is actually a file that picks up right where we left off in the last lesson.

So if I were to preview this in my browser you can see it's got all the shadows that we just added to the page, and what better to add the shadows than a gradient. So I'm going to come right back into my code and we're interested in adding a gradient to this wrapper, so that background is behind everything else. I am going to scroll up and find the wrapper class selector, which is right here on line 25 and I am going to get rid of the...

CSS gradients
Video duration: 6m 32s 8h 52m Beginner

Viewers:

CSS gradients provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts

Subject:
Web
Software:
CSS
Author:
please wait ...