In the example before, what if we wanted some gradients to be larger than others? We can declare color stops for each gradient to specify their size. This means placing a length value after the color that represents the distance from the gradients starting position.
A value of
linear-gradient(red, yellow 20px, green 40px, teal) means that we have a gradient of 4 colors but the yellow and green colors are positioned differently. The yellow gradient will start at 20px from the beginning of the gradient (top in this case) and the green gradient will start at 40px from the beginning of the gradient.