If you've been watching this course from the start, you know that I referenced earlier …that we could actually create repeatable patterns using CSS3 gradients and that's what we are …going to be talking about in this movie; how to create a very simple CSS3 pattern that …you can use on your backgrounds. …Now this is not going to be as complex as the ones that Lea Verou has aggregated on …her side. If you want more information about that, you can go back to that movie and take …a look at the gallery of awesome patterns that she has collected on her site. …But in this case I am just going to be creating a very simple one and it's just going to be …sort of like a checker pattern that we create in the background of our site.…

So I am just working on the body tag here and what I am going to do is I am going to …start off by typing out background. That's of course the portion that we are going to target. …And then we are going to type out webkit-linear- gradient, and of course you would append the other browser …

Resume Transcript Auto-Scroll

Author

Released

2/15/2013

Join Justin Seeley as he introduces gradients, a somewhat hidden strength of CSS that allows you to add depth and texture to your web designs while reducing load times—creating a better viewing experience for your visitors versus static images. Discover how to create simple linear and radial gradients; apply them to backgrounds, buttons, and text; and write browser-specific syntax to ensure your designs look the same across multiple platforms. The course also shows how to create metallic textures, diagonal gradients, and repeatable patterns. Along the way, Justin demonstrates real-world uses for gradients and techniques to extend them beyond the basics.