Using gradients to create patterns


show more Using gradients to create patterns provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Gradients show less
please wait ...

Using gradients to create patterns

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 y...

Using gradients to create patterns
Video duration: 4m 27s 1h 13m Beginner

Viewers:

Using gradients to create patterns 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 ...