Creating a gradient background


show more Creating a gradient background provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Gradients show less
please wait ...

Creating a gradient background

All right, so now it's time to jump into a couple of our mini projects here. And the first project I'm going to walk you through is how do we create a gradient background for our web pages that we work on? So I've got an empty CSS document for you, and I've also got an index document which I've got open inside of Chrome. You may also want to open this up in other browsers like Firefox, and Internet Explorer, maybe even Opera, just to see the differences between them, and see exactly what works best for you. Now let's go back over into our CSS document. And so if I wanted to add a gradient that goes across the entire page, my first reaction would be just to type out something like the body tag, and then just start typing up the gradient.

So in this case, since I'm working in Chrome, I'm only going to target webKit for now. I can go back in and fill in the other browser prefixes later. Let's do background and then we'll do a -webkit-linear- ...

Creating a gradient background
Video duration: 3m 53s 1h 13m Beginner

Viewers:

Creating a gradient background provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Gradients

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