Adding extra color stop values


show more Adding extra color stop values provides you with in-depth training on Web. Taught by Justin Seeley as part of the CSS: Gradients show less
please wait ...

Adding extra color stop values

When it comes to adding color stops to your radial gradients, what you need to understand is where you add the colors in relationships to the other colors that are already defined, really changes the overall look and feel of your gradient. The process of adding the colors is the same as you would in a linear gradient, although the effects might look a little different here simply because of the nature of the gradient itself. So in this example what we're going to do is we're going to start off here. In this document I'm just going to add some colors, and as I add them you'll see exactly what I mean by this. Let's say that I wanted to add a blue color to this. Let's add the blue before the yellow color first.

When I do that and save it and refresh, you'll notice that the blue color now becomes the center of the gradient, and that is because this goes from center out when you're talking about the colors. So you need to focus on going from the cen...

Adding extra color stop values
Video duration: 2m 35s 1h 13m Beginner

Viewers:

Adding extra color stop values 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 ...